iframe.contentWindow介绍

一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用：

contentWindow、contentDocument(测试的时候chrome浏览器，要在服务器环境下)

 

1、先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素

例：

var ifr = document.getElementById('iframe');  //先获取到了iframe

ifr.contentWindow.document.getElementById('XXX');  //先通过ifr.contentWindow获取到iframe中的window对象，然后通过document.getElementById('XXX')，获取iframe中的DOM

<iframe  src="a.html"  id=""></iframe>

 

注：iframe.contentWindow这里，返回的是iframe的window对象，所以后面可以接着调用document方法，再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。

 

二、在iframe本页面，要操作这个iframe的父页面的DOM元素（即嵌套这个iframe的页面）可以用：

window.parent、window.top（这里的top是获取的顶层，即有多层嵌套iframe的时候使用）

var ifr = document.getElementByTagName('iframe');

ifr.parent.document.getElementById('XXX');

<iframe  src="a.html"  id=""></iframe>

 

三、onload事件

非IE下用法

ifr.onload = function() { //SOMETHING }

 

IE下，需要绑定

ifr.attachEvent('onload',function() { //something });