教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 如何判断 iframe 是否加载完成

如何判断 iframe 是否加载完成

发布时间:2015-06-08   编辑:jiaochengji.com
本文介绍了判断iframe 是否加载完成的方法,有需要的朋友参考下。

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

复制代码 代码示例:

var iframe = document.createelement("iframe");
iframe.src = "http://www.jiaochengji.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.jiaochengji.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 事件有一些潜在的问题。

您可能感兴趣的文章:
如何判断 iframe 是否加载完成
JQuery判断子iframe何时加载完成解决方案
jquery如何导出excel 方法与代码
js判断当前页面是否被iframe引用的方法
如何用Jquery判断iframe中元素是否存在
提取jquery的ready()方法单独使用示例
jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
iframe中使用jquery查找功能
jquery如何实现在加载完iframe的内容后再进行操作
jquery实现excel导出的方法

关键词: iframe  脚本加载   
[关闭]
~ ~