javascript--iframe的JS方法，用法！contentWindow 、paren...

仍是先感谢“妙味课堂”出的这期教学视频！

1、在使用iframe的页面，要操做这个iframe里面的DOM元素能够用：

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

 

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

例子：

var ifr = document.getElementById("iframe"); ifr.contentWindow.document.getElementById("XXXXX") <iframe src="a.html" id=""></iframe>

ifr.contentWindow 这里，返回的是iframe的window对象，因此后面能够接着调用document方法，再接着调用getElementByTagName。那么就能够对iframe里面的元素进行操做了。

 

2、在iframe本页面，要操做这个iframe的父页面的DOM元素（即嵌套这个iframe的页面）能够用：

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

var ifr = document.getElementByTagName("iframe"); ifr.parent.document.getElementById("XXXXX") <iframe src="a.html" id=""></iframe>

 

 3、onload事件

非IE下用法

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

 

IE下，须要绑定

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