如何在iframe的父頁面上執行javascript函數？

我正在嘗試從頁面上的iframe更改頁面上的文本。當用戶完成上傳圖像時，我想更改文字說加載...完成上傳或什麼的。這可以通過iFrame完成嗎？我知道您在使用alert("Finished");時會通過iframe提醒用戶，但我仍然有加載文本。如何在iframe的父頁面上執行javascript函數？

來源

2011-05-21 John Doe

可能的重複：http://stackoverflow.com/questions/935127/how-to-access-parent-iframe-from-javascript – surfen 2011-05-21 00:10:39

只是想指出，如果iframe中的頁面在不同的服務器上可能有問題。瀏覽器對跨腳本有一些內置的保護，因此在父窗口和iframe之間發送數據可能具有挑戰性。加上FF和IE的工作方式不同，所以我肯定會在最新的FF和IE 7到9中測試。 – 2011-05-21 00:17:10

嘗試使用iframe中的window.parent。這將指向父窗口。你可以通過執行window.parent.hideLoadingText（）在父窗口的上下文中執行一個函數（named，比如說，hideLoadingText）。

來源

2011-05-21 00:10:27 Toby

parent.html頁（其中有一個iframe）上

function finished() 
{ 
//you can change this below line depend on your needs 
document.getElementById("status").innerHTML="Finish"; 
} 

<span id="status"></span> 
<iframe src="child.html" name="iframe_content"></iframe>

那麼你可以child.html頁面上嘗試這個（在iframe中的內容）

<input type="button" value="Finish" onclick="parent.finished()" />

，你也可以根據您的需求更改功能的觸發器

來源

2011-05-21 02:37:16 bungdito

window.parent.yourjavascriptmethodname（）;

來源

2013-08-08 13:21:33 Neelam

不要只是放一行代碼片斷，一些解釋讚賞StackOverflow – 2013-08-08 13:41:59

如何在iframe的父頁面上執行javascript函數？

回答

相關問題