Home > Web Front-end > JS Tutorial > The perfect way to determine whether an iframe is loaded under js_javascript skills

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

WBOY
Release: 2016-05-16 18:17:43
Original
1263 people have browsed it

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.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template