本文介绍如何在JavaScript中实现Iframe父子页面之间的通信。详细说明了在子页面通过window.parent获取父页面document对象及调用父页面方法,以及在父页面通过contentWindow属性获取子页面document对象的具体代码实现。
Iframe父子页面通信方法
在JavaScript开发中,经常使用Iframe构建系统框架,此时子页面与父页面之间的数据传递成为关键问题。以下是通过JavaScript获取父窗体和子窗体对象的方法: 1. 在Iframe子页面中获取父页面的元素: a> window.parent.document 用于获取父页面document中的对象; b> 若要获取父页面js中的方法,可使用 window.parent.xxxx();其中 xxxx() 代表具体的方法名; 2. 在父页面中获取Iframe子页面中的元素: a>
代码如下:
var child = document.getElementByIdx_x("mainFrame").contentWindow; // mainFrame 这个id是父页面iframe的id
child.document; // 获取子页面中的document对象;