IE iframe的onload方法分析小結

2024-05-06 14:11:59

字體：大中小

來源：轉載

供稿：網友

判斷iframe是否加載完成的完美方法
IE 支持 iframe 的 onload 事件，不過是隱形的，需要通過 attachEvent 來注冊。
第二種方法比第一種方法更完美(采用readystatechange判斷)，因為 readystatechange 事件相對于 load 事件有一些潛在的問題。

這里感覺說的并不是完全準確，開始給我造成了很大的困擾。看其代碼才明白，真正意義上來講IE在創建一個新的iframe時的onload方法需要使用attachEvent來綁定，而原來就存在的iframe的onload方法，則可以直接綁定。

說的有些亂，大家看代碼，一看便知：

代碼如下:
<iframe id='google'></iframe>
<script type='text/javascript'>
document.getElementById('google').src='http://Vevb.com/';
document.getElementById('google').onload = function(){
alert ('I am google frame, now loaded');
}
</script>

在這里，也把原文提到的”判斷 iframe 是否加載完成的完美方法”原文摘錄至此
代碼如下:
var iframe = document.createElement("iframe");
iframe.src = "http://m.survivalescaperooms.com";

if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
});
} else {
iframe.onload = function(){
alert("Local iframe is now loaded.");
};
}

document.body.appendChild(iframe);

上一篇：EXT中xtype的含義分析

下一篇：利用js獲取服務器時間的兩個簡單方法