The perfect way to determine whether an iframe is loaded under js_javascript skills

The method used is very similar:

Copy code The code is as follows:

var iframe = document.createElement ("iframe");
iframe.src = "http://www.jb51.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);

Recently, Christopher provided a new comment in the comments of Nicholas C. Zakas article "Iframes, onload, and document.domain" Judgment method (perfect):

Copy code The code is as follows:

var iframe = document. createElement("iframe");
iframe.src = "http://sc.jb51.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);

A few additional notes:

IE supports iframe's onload event, but it is invisible and needs to be registered through attachEvent.
The second method is more perfect than the first method because the readystatechange event has some potential problems compared to the load event.