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

一、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