判断 iframe 是否加载完成的完美方法

最新推荐文章于 2025-12-04 17:17:03 发布

原创最新推荐文章于 2025-12-04 17:17:03 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #.net #C #C++ #C# #ViewUI

学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过监听iframe的加载事件来判断其是否成功加载的方法。这种方法适用于跨域场景，并且提供了兼容不同浏览器的实现方案。对于网页开发者来说，这是一种实用的技术细节。

转自：http://www.planabc.net/2009/09/22/iframe_onload/
最近， Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法（很完美）：


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