判断iframe是否加载完成的完美方法
作者:bea
代码如下: var iframe = document.createElement("iframe"); iframe.src = "http://"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = function(){
代码如下:
var iframe = document.createElement("iframe");
iframe.src = "http://";
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://";
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 事件有一些潜在的问题。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 将CKfinder整合进CKEditor3.0的新方法
- js或css文件后面跟参数的原因说明
- Javascript的构造函数和constructor属性
- jQuery 页面 Mask实现代码
- JQuery 遮罩层实现(mask)实现代码
- Javascript UrlDecode函数代码
- JavaScript 页面坐标相关知识整理
- 了解jQuery技巧来提高你的代码
- 在html页面上拖放移动标签
- 利用js获取服务器时间的两个简单方法
- JavaScript中的集合及效率
- Extjs TriggerField在弹出窗口显示不出问题的解决方法
- Extjs学习笔记之七 布局
- IE6下JS动态设置图片src地址问题
- Javascript 中的类和闭包
- Extjs学习笔记之六 面版
- jQuery开发者都需要知道的5个小技巧
- javascript new一个对象的实质
- IE iframe的onload方法分析小结