父視窗和iframe中物件互相傳值簡介

admin發表於2017-02-25

iframe是常用的元素之一,既然常用,那麼對於它的操作應該也是需要熟練掌握的,下面就介紹一下它和父視窗之間的物件互相傳值的一些方式,希望能夠給需要的朋友帶來一定的幫助。

一.子視窗使用父視窗中的javascript程式碼:

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

以上程式碼就可以在子視窗中呼叫父視窗中的函式func。

二.父視窗獲取子視窗物件:

[JavaScript] 純文字檢視 複製程式碼
var frameObj= window.frames["frameId"]

以上程式碼可以在父視窗中獲取指定id屬性值的iframe物件。

三.獲取子視窗中的物件:

[JavaScript] 純文字檢視 複製程式碼
window.frames["frameId"].document.getElementById("elementId");

以上程式碼可以獲取iframe物件內具有指定id屬性值的物件。

四.子視窗獲得父視窗中的物件:

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

以上程式碼可以獲取父視窗中指定id屬性值的物件。

相關文章