iframe结构里，父窗口怎么知道子窗口是否加载完毕呢？

最新推荐文章于 2024-02-22 14:20:32 发布

jajavaja

最新推荐文章于 2024-02-22 14:20:32 发布

阅读量6.3k

点赞数

分类专栏： htm 文章标签： html iframe 加载完毕

htm 专栏收录该内容

10 篇文章

订阅专栏

本文深入探讨了iframe的onload与attachEvent方法在不同浏览器间的兼容性问题，并提供了有效的解决方案，帮助开发者确保本地iframe在各种浏览器环境下都能正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

昨天找了很多资料,就发现这个有用,类似document.ready方法的还没有找到

window.onload :页面所有元素加载完毕,包括图片

$(document).ready :文档结构加载完毕,图片不一定加载完毕

http://zhidao.baidu.com/link?url=Z7h_mNkeKQ3y3GYWKFEm7a4VrYzXcWEwolDVdSPScaCWFID0_5d7G0xOfmecHqL7hD0FjEde0qdTAudqkaY2uq

比较傻的方法是定时读取iframe中的一些内容

Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法（很完美）：
var iframe = document.createElement("iframe");
iframe.src = '你的url';
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);
追问谢谢～不过哦，
iframe.attachEvent("onload", function()
这句跟
iframe.onload
这样有什么区别么？

回答回答:::这是为了浏览器兼容。IE在创建一个新的iframe时的onload方法需要使用attachEvent来绑定，而原来就存在的iframe的onload方法，则可以直接绑定。你把两个alert("Local iframe is now loaded.");的信息改成不一样的试试就知道了。IE打开的是前一个，FF打开的是后一个。