JS判斷iframe是否加載完成的方法

更新時間：2016年08月03日 15:07:11 作者：Quber

這篇文章主要介紹了JS判斷iframe是否加載完成的方法,提供了2種實現(xiàn)方法,可分別針對IE內(nèi)核與非IE內(nèi)核瀏覽器進行判斷與操作,涉及javascript事件操作與判定技巧,需要的朋友可以參考下

本文實例講述了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://www.dhdzp.com/";
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://www.dhdzp.com/";
if (iframe.attachEvent){
  iframe.attachEvent("onload", function(){
    alert("loaded");
  });
} else {
  iframe.onload = function(){
    alert("loaded");
  };
}
document.body.appendChild(iframe);
</script>
</body>
</html>

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript中的作用域及塊級作用域
作用域永遠都是任何一門編程語言中的重中之重，因為它控制著變量與參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級作用域，需要的朋友參考下吧
2017-12-12
js隨機生成字母數(shù)字組合的字符串隨機動畫數(shù)字
本篇文章給大家分享的js隨機生成字母數(shù)字組合的字符串，js隨機生成動畫數(shù)字，包括常用的產(chǎn)生隨機數(shù)的用法，需要的朋友可以參考下
2015-09-09
javascript html實現(xiàn)網(wǎng)頁版日歷代碼
這篇文章主要介紹了javascript html實現(xiàn)網(wǎng)頁版日歷代碼,需要的朋友可以參考下
2016-03-03
一文帶你深入了解JavaScript中的原型&原型鏈
相信不少同學(xué)在面試的時候經(jīng)常在基礎(chǔ)上就掛掉了，當(dāng)下行情實屬嚴峻，如果我們基礎(chǔ)都沒有打牢固的話，實屬有點面試浪費機會。本文就來和大家聊聊JavaScript中的原型&原型鏈，希望對大家有所幫助
2023-02-02
javascript中Date對象應(yīng)用之簡易日歷實現(xiàn)
這篇文章主要為大家詳細介紹了javascript中Date對象應(yīng)用之簡易日歷實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-07-07
Webpack之plugin的使用
本文主要介紹了Webpack之plugin的使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02
原生JS實現(xiàn)首頁進度加載動畫
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)首頁進度加載動畫,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
用Javascript 和 CSS 實現(xiàn)腳注（Footnote）效果
腳注（Footnote）是向用戶提供更多信息的一個最佳途徑，也是主體信息的一個有效補充，常見于各種印刷書籍中。
2009-09-09
ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例
這篇文章主要為大家介紹了ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-06-06
JS中三目運算符和if else的區(qū)別分析與示例
本文是通過示例詳細分析了JS中三目運算符和if else的區(qū)別，是篇非常不錯的文章，這里推薦給大家。
2014-11-11