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 });

?