如何判断html页面嵌入的iframe是否加载完毕

在HTML页面嵌入iframe,并设定好iframe的src值,那么在打开页面后,如何判断iframe的内容已经加载完毕?因为只有当页面加载完毕后,有些事才可以做。

方法一、jQuery load()

var frm = document.getElementById('myiframe');  
$(frm).load(function(){ //  等iframe加载完毕  
dosomething();  
});

方法二、onreadystatechange

var iframe = document.createElement("myiframe");  
iframe.src = "http://www.baidu.com";  
if (!/*@cc_on!@*/0) { //如果不是IE,IE的条件注释  
    iframe.onload = function(){     
        alert("Local iframe is now loaded.");  
    };  
} else {  
    iframe.onreadystatechange = function(){ // IE下的节点都有onreadystatechange这个事件  
        if (iframe.readyState == "complete"){  
            alert("Local iframe is now loaded.");  
        }  
    };  
}  
document.body.appendChild(iframe);

方法三、attachEvent

var iframe = document.createElement("iframe");  
iframe.src = "http://www.baidu.com";  
  
if (iframe.attachEvent){  
iframe.attachEvent("onload", function(){ // IE  
alert("Local iframe is now loaded.");  
});  
} else {  
iframe.onload = function(){ // 非IE  
alert("Local iframe is now loaded.");  
};  
}  
  
document.body.appendChild(iframe);


博客 

发表评论 取消回复

很抱歉,您暂时无法发布评论。需要 登录 后才能发布。