JavaScript中Iframe父子页面元素与方法调用指南

子页面访问父页面元素与方法

1. 在Iframe子页面中获取父页面的元素：

a. 使用 window.parent.document 可以获取父页面 document 中的对象；

b. 若要调用父页面 JavaScript 中的方法，可使用 window.parent.xxxx()；其中 xxxx() 代表父页面中定义的具体方法名；

父页面访问子页面元素

2. 在父页面中获取Iframe子页面中的元素：

a.

var child = document.getElementByIdx_x("mainFrame").contentWindow; // mainFrame 是父页面中 Iframe 元素的 id 属性值

child.document; // 通过 child 对象获取子页面中的 document 对象；