IE iframe的onload方法分析小結(jié)
IE 支持 iframe 的 onload 事件,不過(guò)是隱形的,需要通過(guò) attachEvent 來(lái)注冊(cè)。
第二種方法比第一種方法更完美(采用readystatechange判斷),因?yàn)?readystatechange 事件相對(duì)于 load 事件有一些潛在的問(wèn)題。
這里感覺(jué)說(shuō)的并不是完全準(zhǔn)確,開(kāi)始給我造成了很大的困擾。看其代碼才明白,真正意義上來(lái)講IE在創(chuàng)建一個(gè)新的iframe時(shí)的onload方法需要使用attachEvent來(lái)綁定,而原來(lái)就存在的iframe的onload方法,則可以直接綁定。
說(shuō)的有些亂,大家看代碼,一看便知:
<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://chabaoo.cn";
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實(shí)現(xiàn)的表格行上下移動(dòng)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的表格行上下移動(dòng)操作,涉及javascript針對(duì)頁(yè)面元素節(jié)點(diǎn)與屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-08-08用JavaScript實(shí)現(xiàn)動(dòng)畫(huà)效果的方法
大家在使用Dreamweaver中的時(shí)間線功能或以做出很有趣的動(dòng)畫(huà)效果,Dreamweaver會(huì)自動(dòng)為用戶生成特定的程序代碼,大家有沒(méi)有想過(guò)動(dòng)畫(huà)的實(shí)現(xiàn)原理呢?2013-07-07webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程(配置篇)
本篇文章主要介紹了webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程(配置篇),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07JavaScript獲得當(dāng)前網(wǎng)頁(yè)來(lái)源頁(yè)面(即上一頁(yè))的方法
這篇文章主要介紹了JavaScript獲得當(dāng)前網(wǎng)頁(yè)來(lái)源頁(yè)面(即上一頁(yè))的方法,涉及javascript中document.referrer方法的使用技巧,需要的朋友可以參考下2015-04-04Extjs 點(diǎn)擊復(fù)選框在表格中增加相關(guān)信息行
這篇文章主要介紹了Extjs 點(diǎn)擊復(fù)選框在表格中增加相關(guān)信息行 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07element-ui的回調(diào)函數(shù)Events的用法詳解
這篇文章主要介紹了element-ui的回調(diào)函數(shù)Events的用法,本文通過(guò)實(shí)例代碼給大家介紹了change回調(diào)函數(shù)的使用方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10快速學(xué)習(xí)JavaScript的6個(gè)思維技巧
在這篇文章中,我將介紹六個(gè)思維技巧來(lái)幫助你更快地學(xué)習(xí)JavaScript,并成為一個(gè)更快樂(lè)、更富有成效的程序員。2015-10-10微信小程序后端無(wú)法保持session的原因及解決辦法問(wèn)題
這篇文章主要介紹了微信小程序后端無(wú)法保持session的原因及解決辦法問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03