如何判断 iframe 是否加载完成

发布时间:2020-06-03编辑:脚本学堂
本文介绍了判断iframe 是否加载完成的方法,有需要的朋友参考下。

一般判断 iframe 是否加载完成其实与 判断 javascript 文件是否加载完成 采用的方法很类似:
 

复制代码 代码示例:

var iframe = document.createelement("iframe");
iframe.src = "http://www.jb200.com";

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://www.jb200.com";

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 事件有一些潜在的问题。