本文介绍了两种检测iframe是否加载完成的有效方法。一种方法是利用onreadystatechange事件，适用于Internet Explorer浏览器；另一种方法则通过attachEvent或直接使用onload事件来判断，此方法更为通用且避免了readystatechange的一些潜在问题。
（转）http://www.cnblogs.com/lhgstudio/archive/2010/10/24/1859946.html
一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似：
var iframe = document.createElement(
"iframe"
);
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"
);
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 事件有一些潜在的问题。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
