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

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

http://www.jb51.net/article/25128.htm

一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成。

采用的方法很类似:


复制代码 代码如下:

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

最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美):


复制代码 代码如下:

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

几点补充说明:

IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。
第二种方法比第一种方法更完美,因为 readystatechange 事件相对于 load 事件有一些潜在的问题。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/113355.html原文链接:https://javaforall.net

(0)
上一篇 2021年10月19日 下午6:00
下一篇 2021年10月19日 下午7:00


相关推荐

  • CLion 激活码 2021 8月(JetBrains全家桶)「建议收藏」

    (CLion 激活码 2021 8月)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~1STL5S9V8F-eyJsaWNlbnNlSWQiOi…

    2022年3月27日
    100
  • oracle 的 start with … connect by …

    oracle 的 start with … connect by …

    2021年9月2日
    117
  • updatedata讲解

    updatedata讲解当你使用了 ClassWizard 建立了控件和变量之间的联系后 当你修改了变量的值 而希望对话框控件更新显示 就应该在修改变量后调用 UpdateData FALSE 如果你希望知道用户在对话框中到底输入了什么 就应该在访问变量前调用 UpdateData TRUE 用处 主要控制 ddx data 把控件中的值和变量进行交换比如你有个编辑框 输入了一些值 你的程序怎么得到呢 必须先调

    2026年3月18日
    1
  • 计算机不间断电源维修,ups电源工作原理和维修技巧,具体故障现象的分析处理!…

    计算机不间断电源维修,ups电源工作原理和维修技巧,具体故障现象的分析处理!…ups 电源工作原理对于我们在维修上是起到非常重要的作用 一旦遇到应急电源故障问题科技结合以往使用经验和维修技巧进行解决 就像不同类型的 ups 电源就有不同的状况和维修技巧 具体故障现象分析状况请和我一起来看看吧 UPS 不间断电源工作原理 1 在线 UPS 不间断电源在线 UPS 不间断电源的运行方式是市场电力与电力设备之间的隔离 相反 当 UPS 被转换为直流电时 它被分成两种方式给电池充电 而另一种方式是将交

    2026年3月17日
    2
  • springboot开发视频网站_springboot实战项目视频

    springboot开发视频网站_springboot实战项目视频​此篇是基于springboot脚手架开发的在线电影实战开发教程和完整源码;在学习JAVA中很容易遇到各种小错误大家一定要多学多练哦开发环境:Escplise/Maven3.5JAVA版本/JDK1.8数据库/Mysql5.7Navicat部分功能展示在个人中心中可以直观看到账户余额、用户优惠券、以及最近购买记录;…

    2022年8月20日
    9
  • IPerf简单使用

    IPerf简单使用一点睛 1IPerf 是一个服务器 客户端运行的程序 2 在服务器端运行 iPerf 也需要在客户端运行 IPerf 3 服务器端 在命令行下使用 iperf 加参数 s 4 客户端 在命令行下使用 iperf 加参数 c 5 经过一段时间测试 默认 10 秒 在 Server 端和 Client 端就会打印出网络连接的各种性能参数 二实战 1 准备服务器和客户端服务器 192 168 0

    2025年8月30日
    13

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号