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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章