父頁面與子頁面的JS方法互調
iframe
iframe元素也就是文件中的文件
window 物件
瀏覽器會在其開啟一個 HTML 文件時建立一個對應的 window 物件。但是,如果一個文件定義了一個或多個框架(即,包含一個或多個 frame 或 iframe 標籤),瀏覽器就會為原始文件建立一個 window 物件,再為每個框架建立額外的 window 物件。這些額外的物件是原始視窗的 子視窗,可能被原始視窗中發生的事件所影響。例如,關閉原始視窗將導致關閉全部子視窗。如果想要建立新視窗(以及對應的 window 物件),可以使用像 open, showModalDialog 和 showModelessDialog 這樣的方法。
contentWindow
contentWindow屬性是指指定的frame或者iframe所在的window物件
在IE中iframe或者frame的contentWindow屬性可以省略,但在Firefox中如果要對iframe物件進行編輯則必須指定contentWindow屬性。
父頁面呼叫子頁面的方法:
說明:在父頁面中<iframe id="oiframes" class="iframe_span" src=""></iframe>通過該標籤已經嵌入子頁面,所以,在src路徑為靜態路徑時,可以直接通過以下方法來呼叫子頁面的方法:
$("#oiframes
父頁面獲取子頁面的src: $(window.parent.document).find("#oiframes").attr("src");
子頁面呼叫父頁面的方法:parent.fatherFunctionName();
子頁面獲取父頁面的值: parent.$("#A").val(); // <input id="A">
parent.$("#B").html(); // <div id="B"></div>