js實現的iframe呼叫父頁面函式

antzone發表於2017-03-15
JS函式

iframe是較為常用，也比較好用的元素，至於，很多應用場景都有它的身影，下面就介紹一下父子元素函式式如何進行相互呼叫的。

一.iframe呼叫父頁面的函式:

例如在父頁面中有一個fatherFun()函式，那麼呼叫方式如下:

[JavaScript] 純文字檢視 複製程式碼
window.parent.fatherFun();

二.iframe中獲取父頁面的元素:

例如在父頁面中有一個div標籤，它的id屬性值為"thediv"，那麼獲取方式如下:

[JavaScript] 純文字檢視 複製程式碼
window.parent.document.getElementById("thediv").innerHTML;

以上程式碼可以獲取div元素的內容。

但是需要特別注意的是，在谷歌瀏覽器下可能無效，必須在伺服器環境下才會生效。

相關文章