判断 iframe 是否加载完成
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>判断 iframe 是否加载完成</title>
</head>
<body>
一般来说,我们判断 iframe 是否加载完成其实与
判断 网页特效 文件是否加载完成
function include_js(file) {
var _doc = document.getelementsbytagname('head')[0];
var js = document.createelement('script');
js.setattribute('type', 'text/javascript');
js.setattribute('src', file);
_doc.appendchild(js);
if (!/*@cc_on!@*/0) {
//if not ie
//firefox2、firefox3、safari3.1+、opera9.6+ support js.onload
js.onload = function () {
alert('firefox2、firefox3、safari3.1+、opera9.6+ support js.onload');
}
} else { //ie6、ie7 support js.onreadystatechange
js.onreadystatechange = function () {
if (js.readystate == 'loaded' || js.readystate == 'complete') {
alert('ie6、ie7 support js.onreadystatechange');
}
}
} return false;
}//execution
functioninclude_js('http://www.111cn.net/');
采用的方法很类似:
var iframe = document.createelement("iframe");
iframe.src = "http://www.planabc.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);
christopher 提供了一个新的判断方法(很完美):
var iframe = document.createelement("iframe");
iframe.src = "http://www.111cn.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 事件有一些潜在的问题。
</body>
</html>