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

2021-09-02 01:34:44 字數 594 閱讀 7023

小夥伴們經常在實際專案中會用到iframe巢狀頁面,當然很多時候會需要子頁面呼叫用父頁面的元素和父頁面呼叫子頁面的元素 還有方法 直接上**(只介紹jquery因為比較簡單):

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

格式:$("#iframe的id").contents().find("#iframe中的控制項id").click();

例項:$("#ifm").contents().find("#ibtnok").click(); // ifm 為 標籤 id; ibtnok 為子頁面按鈕 id

2. 父頁面呼叫子頁面方法:

格式:$("#iframe的id")[0].contentwindow.iframe方法();

例項:$("#ifm")[0].contentwindow().iclick(); // ifm 為 標籤 id; iclick為子頁面 js 方法

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

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

例項:$("#pbtnok" , parent.document).click(); // pbtnok 為父頁面標籤 id

iframe的父頁面 子頁面相互呼叫

最近程式設計時涉及到iframe的父頁面與子頁面相互呼叫的問題,以前每回都是先去查詢,這回自己記錄下來以後方便查詢。一 父頁面呼叫子頁面方法 1.id frames iframename document test id 指的是子頁面的id iframename iframe的name test 給...

jQuery iframe父頁面和子頁面相互呼叫

根據iframe的id找到子頁面,取子頁面的內容 iframe dept 0 contentwindow呼叫函式 function iframe dept 0 contentwindow.函式名 引數 例如 iframe dept 0 contentwindow.choosedept 呼叫變數 設定...

iframe子頁面操作父頁面

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法,現在...