JS判斷iframe是否加載完成的方法
更新時(shí)間：2016年08月03日 15:07:11 作者：Quber
這篇文章主要介紹了JS判斷iframe是否加載完成的方法,提供了2種實(shí)現(xiàn)方法,可分別針對(duì)IE內(nèi)核與非IE內(nèi)核瀏覽器進(jìn)行判斷與操作,涉及javascript事件操作與判定技巧,需要的朋友可以參考下
本文實(shí)例講述了JS判斷iframe是否加載完成的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var iframe = document.createElement("iframe");
iframe.src = "http://m.fzitv.net/";
if (isIE) {
iframe.onreadystatechange = function(){
if(iframe.readyState == "loaded" || iframe.readyState == "complete"){
alert("loaded");
}
};
} else {
iframe.onload = function(){
alert("loaded");
};
}
document.body.appendChild(iframe);
</script>
</body>
</html>
或者：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var iframe = document.createElement("iframe");
iframe.src = "http://m.fzitv.net/";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("loaded");
});
} else {
iframe.onload = function(){
alert("loaded");
};
}
document.body.appendChild(iframe);
</script>
</body>
</html>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作iframe技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
作用域永遠(yuǎn)都是任何一門編程語(yǔ)言中的重中之重，因?yàn)樗刂浦兞颗c參數(shù)的可見(jiàn)性與生命周期。下面給大家介紹Javascript中的作用域及塊級(jí)作用域，需要的朋友參考下吧2017-12-12
js隨機(jī)生成字母數(shù)字組合的字符串 隨機(jī)動(dòng)畫數(shù)字
本篇文章給大家分享的js隨機(jī)生成字母數(shù)字組合的字符串，js隨機(jī)生成動(dòng)畫數(shù)字，包括常用的產(chǎn)生隨機(jī)數(shù)的用法，需要的朋友可以參考下2015-09-09
javascript html實(shí)現(xiàn)網(wǎng)頁(yè)版日歷代碼
這篇文章主要介紹了javascript html實(shí)現(xiàn)網(wǎng)頁(yè)版日歷代碼,需要的朋友可以參考下2016-03-03
相信不少同學(xué)在面試的時(shí)候經(jīng)常在基礎(chǔ)上就掛掉了，當(dāng)下行情實(shí)屬嚴(yán)峻，如果我們基礎(chǔ)都沒(méi)有打牢固的話，實(shí)屬有點(diǎn)面試?yán)速M(fèi)機(jī)會(huì)。本文就來(lái)和大家聊聊JavaScript中的原型&原型鏈，希望對(duì)大家有所幫助2023-02-02
javascript中Date對(duì)象應(yīng)用之簡(jiǎn)易日歷實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了javascript中Date對(duì)象應(yīng)用之簡(jiǎn)易日歷實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
本文主要介紹了Webpack之plugin的使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)首頁(yè)進(jìn)度加載動(dòng)畫,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
用Javascript 和 CSS 實(shí)現(xiàn)腳注（Footnote）效果
腳注（Footnote）是向用戶提供更多信息的一個(gè)最佳途徑，也是主體信息的一個(gè)有效補(bǔ)充，常見(jiàn)于各種印刷書籍中。2009-09-09
ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例
這篇文章主要為大家介紹了ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
JS中三目運(yùn)算符和if else的區(qū)別分析與示例
本文是通過(guò)示例詳細(xì)分析了JS中三目運(yùn)算符和if else的區(qū)別，是篇非常不錯(cuò)的文章，這里推薦給大家。2014-11-11