在幀之間的輸入字段內傳遞數據

Question

我創建了一個由三個框架組成的框架集。 第一個使用用戶名。 第二幀包含一個名為greeting的按鈕。 第三幀result.html應該是這樣的：單擊問候語按鈕時，您好（用戶名）。 單擊問候按鈕時如何將用戶名傳遞到結果框架的任何幫助，以使用javascript將其顯示為“ Hello ...”。

框架：

<frameset rows="34%,33%,33%">
    <frame src="name.html" name="name">
    <frame src="greeting.html" name="greeting">
    <frame src="outcome.html" name="outcome">
    </frameset>

Name.html：

<body>
    <div id="fname">
        <form>
            Client Name: <input type="text" name="fname" id="fname">
        </form>
     </div>
</body>

Greeting.html：

<div id="greeting">
        <form>
            <button type="button">Greeting</button>
        </form>
     </div>

Answer 1

您可以節省一些時間，並使用jQuery （即使我不建議您使用繁重的庫來為小任務執行簡單的DOM操作，但就您而言，我想您只需要完成工作即可）。

使用.contents（）函數獲取iframe的內容

為此：

var nameFrame = $('frame[name=name]').contents();
var outcomeFrame = $('frame[name=outcome]').contents();
var greetingFrame = $('frame[name=greeting]').contents();

$(greetingFrame).on('click', 'button', function() {
  var name = $(nameFrame).find('.fname').val();
  $(geetingFrame).text(name);
});

Answer 2

可通過頂部父框架上的名稱屬性來訪問框架。

因此，例如從一個框架內：

parent.greeting.document.getElementById('fname').value

這是一個工作示例： http : //embed.plnkr.co/fMMCGxkR0zwgo3nCqhC5/preview

希望有幫助！

在幀之間的輸入字段內傳遞數據

問題描述

2 個解決方案

解決方案1
0 2015-09-15 19:47:07

解決方案2
0 2015-09-15 20:02:55

在幀之間的輸入字段內傳遞數據

問題描述

2 個解決方案

解決方案1 0 2015-09-15 19:47:07

解決方案2 0 2015-09-15 20:02:55

解決方案1
0 2015-09-15 19:47:07

解決方案2
0 2015-09-15 20:02:55