JS取得父視窗與子視窗的iframe案例詳解

這次帶給大家JS取得父視窗與子視窗的iframe案例詳解，JS取得父視窗與子視窗iframe的注意事項有哪些，下面就是實戰案例，一起來看一下。

在web開發中，常會用到iframe，難免會碰到需要在父視窗中使用iframe中的元素、或是在iframe框架中使用父視窗的元素

js

在父視窗中取得iframe中的元素

1、

格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
实例：window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2、

格式：

var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");

ifmObj.click();

實例：

var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();

在iframe中取得父視窗的元素

格式：window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
实例：window.parent.document.getElementByIdx_x("btnOk").click();

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jquery ajax應用iframe時使其自適應高度

jquery js呼叫iframe父視窗與子視窗步驟詳解

Jquery取得iframe頁面中Dom元素（附程式碼）

以上是JS取得父視窗與子視窗的iframe案例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！