`
kakarot_java
  • 浏览: 161961 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

判断 iframe 是否加载完成

阅读更多
一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似:

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

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

相关推荐

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

    判断 iframe 是否加载完成是一个重要的步骤,在我们的开发中,我们可以使用以上三种方法来判断 iframe 是否加载完成。其中,方法一和方法二都是通用的方法,可以在多数浏览器中使用,而方法三则是 IE 浏览器特有的...

    C#判断webbrowser页面最终加载完成

    综上所述,要判断WebBrowser控件的页面是否最终加载完成,通常需要结合多种策略,例如监听`DocumentCompleted`事件,检查`ReadyState`,监控`ProgressChanged`,以及可能的话,利用JavaScript交互。根据具体的应用...

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

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

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

    本文将详细介绍两种JavaScript方法,用于判断`iframe`是否加载完成,以便在正确的时间进行后续处理。 首先,让我们了解这两种方法: 1. 针对IE内核的浏览器: 在IE浏览器中,我们不能直接使用`onload`事件来监听`...

    判断iframe里的页面是否加载完成

    主要介绍了通过js来判断iframe里的页面是否加载完成,需要的朋友可以参考下

    基于JS判断iframe是否加载成功的方法(多种浏览器)

    为了确保后续操作能够正确执行,我们需要准确判断`iframe`是否已经加载完成。本文将详细介绍如何使用JavaScript在多种浏览器环境下判断`iframe`的加载状态。 在Internet Explorer(IE)浏览器中,我们可以利用`...

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

    一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成 采用的方法很类似

    基于JS判断iframe是否加载成功的方法(多种浏览器).docx

    基于 JS 判断 iframe 是否加载成功的方法(多种浏览器) 在网页开发中,经常需要动态添加 iframe,然后再对添加的 iframe 进行相关操作。但是,往往 iframe 还没添加完呢,后边的代码就已经执行完了,这时,我们...

    js检测iframe是否加载完成的方法

    应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load...

    JQuery判断子iframe何时加载完成解决方案

    需要知道iframe何时加载完成,用JQuery很简单就能实现,具体如下,感兴趣的朋友可以参考下,希望对大家有所帮助

    IE iframe的onload方法分析小结

    判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美(采用readystatechange判断),因为 readystatechange 事件相对于 load...

    iframe 异步加载技术及性能分析

    4. **异步加载`iframe`**:通过动态创建`iframe`并监听其`load`事件,一旦`iframe`加载完成,再将其插入到DOM中。这种方式确保`iframe`的加载不会阻塞页面,且用户感知不到延迟。这是性能最优的方法,但实现相对复杂...

    js实现iframe自适应高度

    3. **监听`load`事件**:当`iframe`内的页面加载完成后,我们可以通过`contentWindow`和`contentDocument`属性访问到`iframe`内的`window`和`document`对象,进而获取其内容的高度。 ```javascript iframe.onload...

Global site tag (gtag.js) - Google Analytics