IE iframe的onload方法分析小結(jié)
更新時(shí)間：2010年01月07日 23:45:14 作者：
在判斷 iframe 是否加載完成的完美方法一文中，懌飛最后有如下兩點(diǎn)補(bǔ)充。
判斷iframe是否加載完成的完美方法
IE 支持 iframe 的 onload 事件，不過是隱形的，需要通過 attachEvent 來注冊。
第二種方法比第一種方法更完美(采用readystatechange判斷)，因?yàn)?readystatechange 事件相對于 load 事件有一些潛在的問題。
這里感覺說的并不是完全準(zhǔn)確，開始給我造成了很大的困擾。看其代碼才明白，真正意義上來講IE在創(chuàng)建一個(gè)新的iframe時(shí)的onload方法需要使用attachEvent來綁定，而原來就存在的iframe的onload方法，則可以直接綁定。
說的有些亂，大家看代碼，一看便知：
<iframe id='google'></iframe>
<script type='text/javascript'>
document.getElementById('google').src='http://jb51.net/';
document.getElementById('google').onload = function(){
alert ('I am google frame, now loaded');
}
</script>
在這里，也把原文提到的”判斷 iframe 是否加載完成的完美方法”原文摘錄至此
var iframe = document.createElement("iframe");
iframe.src = "http://www.fzitv.net";
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);
IE 支持 iframe 的 onload 事件，不過是隱形的，需要通過 attachEvent 來注冊。
第二種方法比第一種方法更完美(采用readystatechange判斷)，因?yàn)?readystatechange 事件相對于 load 事件有一些潛在的問題。
這里感覺說的并不是完全準(zhǔn)確，開始給我造成了很大的困擾。看其代碼才明白，真正意義上來講IE在創(chuàng)建一個(gè)新的iframe時(shí)的onload方法需要使用attachEvent來綁定，而原來就存在的iframe的onload方法，則可以直接綁定。
說的有些亂，大家看代碼，一看便知：
復(fù)制代碼 代碼如下:
<iframe id='google'></iframe>
<script type='text/javascript'>
document.getElementById('google').src='http://jb51.net/';
document.getElementById('google').onload = function(){
alert ('I am google frame, now loaded');
}
</script>
在這里，也把原文提到的”判斷 iframe 是否加載完成的完美方法”原文摘錄至此
復(fù)制代碼 代碼如下:
var iframe = document.createElement("iframe");
iframe.src = "http://www.fzitv.net";
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);
相關(guān)文章
這篇文章主要介紹了Js模塊化的作用原理和方案，對JS模塊化感興趣的同學(xué)，可以參考下2021-04-04![JavaScript中的稀疏數(shù)組與密集數(shù)組[譯]](http://img.jbzj.com/images/xgimg/bcimg1.png)
JavaScript中的稀疏數(shù)組與密集數(shù)組[譯]
一般來說,JavaScript中的數(shù)組是稀疏的,也就是說,數(shù)組中的元素之間可以有空隙,因?yàn)橐粋€(gè)數(shù)組其實(shí)就是一個(gè)鍵值映射.本文解釋了如何創(chuàng)建稀疏數(shù)組和不稀疏的數(shù)組2012-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序日期選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript中閉包的一些難點(diǎn)，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定幫助，需要的可以參考一下2022-09-09
這篇文章主要介紹了JavaScript字符串分割處理的幾種方法，js截取重要的三要素substring()、subsstr()、slice()，下面文章圍繞這三要素展開全文，需要的小伙伴可以參考一下2022-03-03
JavaScript+html5 canvas制作的百花齊放效果完整實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas制作的百花齊放效果,結(jié)合完整實(shí)例形式分析了使用html5的canvas技術(shù)動態(tài)繪制圖形的技巧,需要的朋友可以參考下2016-01-01
Js如何使用ffmpeg進(jìn)行視頻剪輯和畫面截取等功能
在日常處理視頻文件時(shí)常常會用到視頻片段的截取功能,FFmpeg支持該功能,下面這篇文章主要給大家介紹了關(guān)于Js如何使用ffmpeg進(jìn)行視頻剪輯和畫面截取等功能的相關(guān)資料,需要的朋友可以參考下2024-04-04
Web componentd組件內(nèi)部事件回調(diào)及痛點(diǎn)剖析
這篇文章主要為大家介紹了Web componentd組件內(nèi)部事件回調(diào)示例及其痛點(diǎn)的剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2021-11-11
Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹
這篇文章主要介紹了Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹,本文講解了什么是短路表達(dá)式,并給出了一些示例,需要的朋友可以參考下2015-03-03
用幾道面試題來看JavaScript執(zhí)行機(jī)制
這篇文章主要介紹了JavaScript的執(zhí)行機(jī)制，對此感興趣的同學(xué)，可以參考下2021-04-04