1. 程式人生 > >iframe巢狀 子頁面 父頁面相互取元素和方法

iframe巢狀 子頁面 父頁面相互取元素和方法

小夥伴們經常在實際專案中會用到iframe巢狀頁面,當然很多時候會需要子頁面呼叫用父頁面的元素和父頁面呼叫子頁面的元素 還有方法 直接上程式碼(只介紹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