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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM