Jquery,js调用Iframe父窗口和子窗口之间传值问题等

最新推荐文章于 2023-06-30 01:48:10 发布

大脑斧

最新推荐文章于 2023-06-30 01:48:10 发布

阅读量1.8k

点赞数

文章标签：页面传值 js Jquery

本文介绍了如何在父页面与子页面(如iframe)之间进行有效的交互，包括使用JavaScript和jQuery来访问元素及调用方法的具体步骤。通过这些方法，开发者可以实现页面之间的数据同步和状态更新。

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

一.
1.子页面获取父页面中id为A的子页面 
例:parent.A.location.reload();

2.父页面获取id=B的子页面
例:B.location.reload();

二.JQ
1.JQuery在iframe子页面获取父页面元素和方法
例:
parent.$("元素id");
parent.方法名();

2.JQuery在父页面获取iframe子页面的元素和方法
例:
iframe.$("元素id");
iframe.方法名();

三.JS
1.js在iframe子页面获取父页面元素
例:window.parent.document.getElementById("元素id");

2.js在父页面获取iframe子页面元素
例:window.frames["iframe_ID"].document.getElementById("元素id");

四.方法调用
父页面调用子页面方法:FrameName.window.childMethod();
子页面调用父页面方法:parent.window.parentMethod();

五.DOM元素访问
获取到页面的window.document对象后,即可访问DOM元素