2025年iframe父调用子方法（2025年iframe获取父窗口对象）

父窗口获取iframe子窗口window对象和document对象的方法

1、父页面调用iframe子页面的方法：可以通过iframe.contentWindow获取到iframe的window对象，然后直接调用子页面中的方法。例如：document.getElementById（myIframe）.contentWindow.someMethod（）；。iframe子页面调用父页面的方法：子页面可以通过window.parent获取到父页面的window对象，然后调用父页面中的方法。

2、在子窗口中操作父窗口：$（window.parent.document）接下来就可以继续获取iframe内的dom了。

3、这种方法首先通过window.frames[iframeChild].document获取到iframe的文档对象。然后使用jQuery的find方法，在该文档对象中查找指定的DOM元素。例如，要查找id为child的元素，可以这样写：$.find。使用$方法：这种方法允许你指定一个选择器和一个上下文，上下文可以是另一个文档对象。

iframe通信和跨域通信总结

iframe通信和跨域通信的总结如下：iframe通信同域通信：父页面调用子页面方法：可以通过FrameName.window.childMethod的方式调用子页面中的方法。这里的FrameName是iframe标签的name属性值。子页面响应父页面：子页面可以通过parent.window.parentMethod的方式调用父页面中的方法，实现双向通信。

总结：iframe为实现跨页面通信提供了有效途径，不同域间通信通过利用hash值和代理iframe来解决，确保通信操作在iframe加载完成时进行，以避免错误。

跨域通信则利用location对象的hash值传递数据。在父页面设置src后加data字符串，子页面通过监听location.href变化，获取数据进行处理。子页面向父页面传递数据，借助代理iframe，它和父页面保持同域，利用同域通信方式，通过window.top或window.parent.parent获取数据。实现细节参考js之iframe子页面与父页面通信。

layui父页面调用子页面提交,但是不希望子页面有提交按钮

1、定义父页面中的按钮点击事件：在layer.open的配置项中，使用yes和btn2来定义“确定”和“关闭”按钮的点击事件。在“确定”按钮的点击事件中，通过layero.find（iframe）[0].contentWindow获取iframe窗口对象，然后调用子页面中的submitForm方法来实现提交行为。

2、使用X-admin（Layui）前端框架，在打开新Tab页面内刷新其他Tab页面解决方案（表单数据多可以使用open弹框全屏）这个bug隐藏地非常深，我一开始写了新增合同页面，通过“下一步”的按钮跳转到添加合同条款的页面，结果可以跳转，合同编号也传递正确了，但是条款信息提交时却又返回到了上一页面。

3、在articleUpdate.jsp页面的JavaScript部分，使用parent.layer.getFrameIndex来获取当前iframe层的索引。这个索引是layer组件用来唯一标识每一个弹窗的。关闭弹窗：获取到索引后，使用parent.layer.close来关闭当前弹窗。