判断iframe是否加载完成的完美方法
更新时间：2010年01月07日 23:42:07 作者：
一般来说，我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成 采用的方法很类似
复制代码 代码如下:
var iframe = document.createElement("iframe");
iframe.src = "https://www.jb51.net";
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 = "https://www.jb51.net";
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 事件有一些潜在的问题。
相关文章
这篇文章主要为大家详细介绍了js绘制购物车抛物线动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了hammer.js实现图片手势放大效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
下面小编就为大家分享一篇js原生方法被覆盖,从新赋值原生的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家详细介绍了微信小程序canvas实现环形渐变，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了javascript操作ul中li的方法,可实现鼠标经过li标签项对应改变背景色的功能,涉及javascript鼠标事件及页面元素属性的相关操作技巧,需要的朋友可以参考下2015-05-05
本篇文章主要是对js中split函数的使用方法进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了RxJS在TypeScript中的简单使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
下面小编就为大家带来一篇javascript中的后退和刷新实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
大家都知道JS在很多情况下会进行强制类型转换，最常见的方式有两种，在文章均给大家提到，下面小编给大家带来了JS在if中的强制类型转换，感兴趣的朋友一起看看吧2018-07-07
这篇文章主要为大家详细介绍了Bootstrap图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
最新评论