jquery 父頁面，子頁面之間頁面元素的方法相互調用與元素訪問

http://www.cnblogs.com/it-xcn/p/5896231.html

一、jquery 父、子頁面之間頁面元素的獲取，方法的調用：

1. 父頁面獲取子頁面元素：

    格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 

    實例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 爲 <iframe> 標籤 id; iBtnOk 爲子頁面按鈕 id

 

2. 父頁面調用子頁面方法：

    格式：$("#iframe的ID")[0].contentWindow.iframe方法(); 

    實例：$("#ifm")[0].contentWindow().iClick(); // ifm 爲 <iframe> 標籤 id; iClick爲子頁面 js 方法

 

 

3. 子頁面獲取父頁面元素：

 

    格式：$("#父頁面元素id" , parent.document);

 

    實例：$("#pBtnOk" , parent.document).click(); // pBtnOk 爲父頁面標籤 id

 

 

二、原生 js 父頁面元素的獲取，方法的調用：

 

1. 子頁面調用父頁面方法：

 

    格式：parent.父頁面方法

 

    實例：parent.pClick(); // pClick 爲父頁面 js 方法

 

 

 

2. 子頁面獲取父頁面元素：

 

 

    格式：window.parent.document.getElementById("父窗口元素ID");

 

 

    實例：window.parent.document.getElementById("pBtnOk");// pBtnOk爲父頁面標籤 id