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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Verilog语言入门

    基础#号后面加延迟时间,单位为一个单位时间b表示二进制、d表示十进制、o表示八进制、h表示十六进制十进制可以表示0-9,其他三种除了原有的表示外新增了X->逻辑不定态,Z->高阻态Verilog数值集合由:0代表逻辑0或假状态,1代表逻辑1或真状态,X代表逻辑不定态,Z代表高阻态表示格式:<位宽>’<基数><数值&…

    2022年4月6日
    50
  • 编辑远程机器注册表,关闭-重启动远程计算机。

    编辑远程机器注册表,关闭-重启动远程计算机。

    2021年7月23日
    65
  • 一个Django项目:搭建基本自动化运维平台[通俗易懂]

    一个Django项目:搭建基本自动化运维平台[通俗易懂]之前做的一个Python项目,采用了Django的MTV框架搭建,实现的是主机的CMDB平台与作业平台基本功能。基本的搭建步骤:1.确定平台的基本功能有哪些:实现主机的自动添加,删除,修改;实现所管理主机配置信息的监控;实现指定对象的批量管理2.根据上面的功能,设计对应的页面方式,布局,规划如何交互的。:如何执行命令与显示3.根据上面的规划,拟定需要怎样的架构,分别需要几个模块(M…

    2022年5月13日
    52
  • RecyclerView使用_recyclerview是什么

    RecyclerView使用_recyclerview是什么本文目录RecyclerView概述RecyclerView使用-基础篇第一步:添加RecyclerView第二步:添加布局文件第三步:添加逻辑代码运行效果RecyclerView使用-进阶篇布局管理器线性布局管理器网格布局管理器ItemDecorationItem动画Item点击RecyclerView使用-高级篇(上拉刷新下拉加载更多)第一步:添加依赖第二步:布局文件第三步:逻辑代码完整代…

    2025年8月9日
    3
  • 手机app测试流程和方法_app测试方法和流程

    手机app测试流程和方法_app测试方法和流程1 APP测试基本流程1.1流程图1.2测试周期测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间。正式测试前先向主管确认项目排期。1.3测试资源测试任务开始前,检查各项测试资源。–产品功能需求文档;–产品原型图;–产品效果图;–行为统计分析定义文档;–测试设备(i…

    2025年9月16日
    4
  • HashMap数据结构(hashmap数据结构图)

    Java综合/**  *@authorannegu  *@date2009-12-02  */Hashmap是一种非常常用的、应用广泛的数据类型,最近研究到相关的内容,就正好复习一下。网上关于hashmap的文章很多,但到底是自己学习的总结,就发出来跟大家一起分享,一起讨论。1、hashmap的数据结构要知道hashmap

    2022年4月17日
    74

发表回复

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

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