前端开发 HTML5 CSS3 HTML CSS JavaScript jQuery Bootstrap

js/jquery下判断iframe是否加载完成的完美方法

jQuery HTML我帮您 1年前  0次浏览
一般来说,我们判断 iframe 是否加载完成其实与判断JavaScript文件是否加载完成。
采用的方法很类似:

var iframe = document.createElement("iframe");
iframe.src = "http://www.html580.com";

if (!/*@[email protected]*/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://bbs.html580.com";
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);


jquery判断Iframe是否加载完成只需要调用load()方法

是否加载完成
var loadIframe= $("#loadIframe");
if(loadIframe.length==0){
loadIframe = $("body").append("