子页面与父页面互相调用包括iframe

原创于 2017-10-18 18:37:06 发布 · 358 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

本文介绍了使用jQuery和原生JS实现父窗体与子窗体之间的元素获取及方法调用的技术细节，包括父窗体获取子窗体元素、调用子窗体方法，以及子窗体获取父窗体元素等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、jquery 父、子页面之间页面元素的获取，方法的调用：
1. 父页面获取子页面元素：

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 

实例：$("#ifm").contents().find("#iBtnOk").click();

2. 父页面调用子页面方法：

格式：$("#iframe的ID")[0].contentWindow.iframe方法(); 

实例：$("#ifm")[0].contentWindow().iClick();

3. 子页面获取父页面元素：

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

实例：$("#pBtnOk" , parent.document).click();

二、原生 js 父页面元素的获取，方法的调用：
1. 子页面调用父页面方法：

格式：parent.父页面方法

实例：parent.pClick();

2. 子页面获取父页面元素：

格式：window.parent.document.getElementById("父窗口元素ID");

实例：window.parent.document.getElementById("pBtnOk");/