判斷iframe是否加載完成的完美方法
更新時間:2010年01月07日 23:42:07 作者:
一般來說,我們判斷 iframe 是否加載完成其實與 判斷JavaScript 文件是否加載完成 采用的方法很類似
復制代碼 代碼如下:
var iframe = document.createElement("iframe");
iframe.src = "http://chabaoo.cn";
if (!/*@cc_on!@*/0) { //if not IE
iframe.onload = function(){
alert("Local iframe is now loaded.");
};
} else {
iframe.onreadystatechange = function(){
if (iframe.readyState == "complete"){
alert("Local iframe is now loaded.");
}
};
}
document.body.appendChild(iframe);
最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的評論中 Christopher 提供了一個新的判斷方法(很完美):
復制代碼 代碼如下:
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);
幾點補充說明:
IE 支持 iframe 的 onload 事件,不過是隱形的,需要通過 attachEvent 來注冊。
第二種方法比第一種方法更完美,因為 readystatechange 事件相對于 load 事件有一些潛在的問題。
相關文章
詳解Javascript百度地圖接口開發(fā)文檔中的類和方法
最近在工作中在用laravel框架仿寫?zhàn)I了么外賣商城,于是學習了一下有關地圖接口相關的知識,以下是百步地圖接口開發(fā)文檔的一些類和方法的使用,需要的朋友們可以參考借鑒,下面來一起看看吧。2017-02-02javascript 操作符(~、&、|、^、<<、>>)使用案例
這篇文章主要介紹了javascript 操作符(~、&、|、^、<<、>>)使用案例,非常的全面,需要的朋友可以參考下2014-12-12JavaScript實現(xiàn)阿拉伯數(shù)字和中文數(shù)字互相轉換
JavaScript實現(xiàn)阿拉伯數(shù)字和中文數(shù)字互相轉換可以用數(shù)組的循環(huán)檢測后的替換來實現(xiàn),下面主要講解其中的一些核心算法:2016-06-06javascript與PHP動態(tài)往類中添加方法對比
這篇文章主要介紹了JAVASCRIPT與PHP動態(tài)往類中添加方法對比的相關資料,需要的朋友可以參考下2018-03-03typescript環(huán)境安裝并開啟VSCode自動監(jiān)視編譯ts文件為js文件
這篇文章主要介紹了安裝typescript環(huán)境并開啟VSCode自動監(jiān)視編譯ts文件為js文件,本文教大家最基礎的安裝和配置自動監(jiān)視ts文件編譯成js文件,需要的朋友可以參考下2022-06-06利用JavaScript實現(xiàn)棧的數(shù)據(jù)結構示例代碼
棧(stack)又名堆棧,它是一種運算受限的線性表,下面這篇文章主要給大家介紹了關于利用JavaScript實現(xiàn)棧的數(shù)據(jù)結構的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08