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