1. 程式人生 > >父頁面與子頁面的JS方法互調

父頁面與子頁面的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

")[0].contentWindow.childFunctionName(); 或 document.getElementById("#oiframes").contentWindow.childFunctionName();

父頁面獲取子頁面的src:    $(window.parent.document).find("#oiframes").attr("src");

子頁面呼叫父頁面的方法:parent.fatherFunctionName();

子頁面獲取父頁面的值: parent.$("#A").val();        // <input id="A">

                                             parent.$("#B").html();     // <div id="B"></div>