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

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

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

jquery

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

1、

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1

2、

格式：$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例：$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中取得父視窗的元素

格式：$('#父窗口中的元素ID', parent.document).click();
实例：$('#btnOk', parent.document).click();

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

推薦閱讀：

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

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

#

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