-
父页面获取子页面元素:
格式:$(“#iframe的ID”).contents().find(“#iframe中的控件ID”).click();
实例:$(“#ifm”).contents().find(“#iBtnOk”).click(); // ifm 为 标签 id; iBtnOk 为子页面按钮 id
-
父页面调用子页面方法:
格式:$(“#iframe的ID”)[0].contentWindow.iframe方法();
实例:$(“#ifm”)[0].contentWindow().iClick(); // ifm 为 标签 id; iClick为子页面 js 方法
- 子页面获取父页面元素:
格式:$(“#父页面元素id” , parent.document);
实例:$(“#pBtnOk” , parent.document).click(); // pBtnOk 为父页面标签 id
2
原生 js 父页面元素的获取,方法的调用:
-
子页面调用父页面方法:
格式:parent.父页面方法
实例:parent.pClick(); // pClick 为父页面 js 方法
-
子页面获取父页面元素:
格式:window.parent.document.getElementById(“父窗口元素ID”)
实例:window.parent.document.getElementById(“pBtnOk”);// pBtnOk为父页面标签 id
本文详细介绍了如何在网页中实现父页面与子页面之间的元素操作和方法调用。通过jQuery和原生JavaScript,你可以轻松地实现从父页面获取子页面的元素、调用子页面的方法,以及从子页面访问父页面的元素和方法。这些技巧对于构建复杂的Web应用和框架集成至关重要。
144

被折叠的 条评论
为什么被折叠?



