判断iframe框架是否加载完成

最新推荐文章于 2023-09-08 15:14:28 发布

原创最新推荐文章于 2023-09-08 15:14:28 发布 · 264 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在不同浏览器中检测iframe是否加载完成的方法。通过使用attachEvent或onload事件，可以确保在iframe内容完全加载后执行特定操作，提高了网页应用的兼容性和用户体验。

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

if (!/*@cc_on!@*/0) { //if not IE
    iframe.onload = function(){
        alert("框架加载完毕.");
    };
} else {
    iframe.onreadystatechange = function(){
        if (iframe.readyState == "complete"){
            alert("框架加载完毕.");
        }
    };
}

document.body.appendChild(iframe);后来有个牛人找到了如下更完美的处理方法：

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

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);

转自： https://www.cnblogs.com/wangxiong/archive/2013/05/29/3107218.html