javascript--iframe的JS方法，用法！contentWindow 、parent、top、onload

weixin_34119545發表於2012-06-02
JavaScriptJS

還是先感謝“妙味課堂”出的這期教學視訊！

一、在使用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裡面的元素進行操作了。

 

二、在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>

 

 三、onload事件

非IE下用法

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

 

IE下，需要繫結

ifr.attachEvent("onload",function(){

//something

})

 

 

相關文章