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


相关推荐

  • python和c语言相通吗_C语言和Python有什么区别呢?

    python和c语言相通吗_C语言和Python有什么区别呢?展开全部 python 与 C 的区别如下 1 语言类型不同 Python 是一种动态类型语言 又是强类型语言 它们确定一个变量的类型是在 e69da5e887aa 您第一次给它赋值的时候 C 是静态类型语言 一种在编译期间就确定数据类型的语言 大多数静态类型语言是通过要求在使用任一变量之前声明其数据类型来保证这一点的

    2025年6月19日
    3
  • es6模板字符串和占位符${}「建议收藏」

    es6模板字符串和占位符${}「建议收藏」描述:  模板字符串使用反引号()来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(KaTeXparseerror:Expected’EOF’,got’&’atposition20:…ression})的占位符。&̲emsp; &ems…{}放变量…

    2022年8月21日
    17
  • 使用 Android Studio 搭建安卓开发环境[通俗易懂]

    使用 Android Studio 搭建安卓开发环境[通俗易懂]使用AndroidStudio搭建安卓开发环境,方便、快捷。因为AndroidSDK等下载已经集成到AndroidStudio的安装中1、官网下载AndroidStudio编辑器首先,访问谷歌中国开发者网站下载AndroidStudio编辑器:https://developer.android.google.cn/studio选择要下…

    2022年4月18日
    465
  • 忽略证书验证的CloseableHttpClient[通俗易懂]

    项目里需要忽略证书访问,在网上查了,大部分回答都是复制粘贴的,并且也没有什么结果。自己看看源码,现在把创建忽略证书的CloseableHttpClient的方法共享下publicCloseableHttpClientgetIgnoeSSLClient()throwsException{SSLContextsslContext=SSLContexts.cu

    2022年4月16日
    85
  • pycharm2.5 永久激活码破解方法

    pycharm2.5 永久激活码破解方法,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    126
  • request 和require区别_合同翻译时如何区分使用request和require

    request 和require区别_合同翻译时如何区分使用request和require合同中,request和require都是“要求”的意思,不过request更偏重于“请求”,翻译英到中时遇到这两个词问题不大,翻译出它们的意思就可以,但是中译英时就要注意了,这是我今天要强调的重要区别,前者动作发出者通常为人,后者通常为物,下面通过例句说明:1requestAttherequestoftheBuyer,theSUPPLIERundertakestodeposi…

    2025年8月23日
    3

发表回复

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

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