iframe父子页面相互调用方法,相互获取元素

Posted moutudou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe父子页面相互调用方法,相互获取元素相关的知识,希望对你有一定的参考价值。

父页面获取子页面

var childWin = document.getElementById(‘setIframe‘).contentWindow;//获取子页面窗口对象
childWin.sendSetData();//调用子页面方法

子页面获取父页面并调用父页面的方法

var parInp = window.parent.document.getElementById(‘pInput1‘);调用父页面的元素

var parentW = window.parent;//获取父页面窗口对象
window.parent.closeModel();//数据发送成功之后,调用父页面index.html的方法closeModel()

以上是关于iframe父子页面相互调用方法,相互获取元素的主要内容,如果未能解决你的问题,请参考以下文章

框架父子页面iframe相互调用方法

JQuery javascript实现父子页面相互调用

父子页面之间元素相互操作(iframe子页面)

父子页面(iframe)相互获取对方dom元素

layui使用layer弹出层父子页面事件相互调用方法

iframe父子级相互调用