一般来说,我们判断 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 事件有一些潜在的问题。
分享到:
相关推荐
判断 iframe 是否加载完成是一个重要的步骤,在我们的开发中,我们可以使用以上三种方法来判断 iframe 是否加载完成。其中,方法一和方法二都是通用的方法,可以在多数浏览器中使用,而方法三则是 IE 浏览器特有的...
综上所述,要判断WebBrowser控件的页面是否最终加载完成,通常需要结合多种策略,例如监听`DocumentCompleted`事件,检查`ReadyState`,监控`ProgressChanged`,以及可能的话,利用JavaScript交互。根据具体的应用...
一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成。
本文将详细介绍两种JavaScript方法,用于判断`iframe`是否加载完成,以便在正确的时间进行后续处理。 首先,让我们了解这两种方法: 1. 针对IE内核的浏览器: 在IE浏览器中,我们不能直接使用`onload`事件来监听`...
主要介绍了通过js来判断iframe里的页面是否加载完成,需要的朋友可以参考下
为了确保后续操作能够正确执行,我们需要准确判断`iframe`是否已经加载完成。本文将详细介绍如何使用JavaScript在多种浏览器环境下判断`iframe`的加载状态。 在Internet Explorer(IE)浏览器中,我们可以利用`...
一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成 采用的方法很类似
基于 JS 判断 iframe 是否加载成功的方法(多种浏览器) 在网页开发中,经常需要动态添加 iframe,然后再对添加的 iframe 进行相关操作。但是,往往 iframe 还没添加完呢,后边的代码就已经执行完了,这时,我们...
应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load...
需要知道iframe何时加载完成,用JQuery很简单就能实现,具体如下,感兴趣的朋友可以参考下,希望对大家有所帮助
判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美(采用readystatechange判断),因为 readystatechange 事件相对于 load...
4. **异步加载`iframe`**:通过动态创建`iframe`并监听其`load`事件,一旦`iframe`加载完成,再将其插入到DOM中。这种方式确保`iframe`的加载不会阻塞页面,且用户感知不到延迟。这是性能最优的方法,但实现相对复杂...
3. **监听`load`事件**:当`iframe`内的页面加载完成后,我们可以通过`contentWindow`和`contentDocument`属性访问到`iframe`内的`window`和`document`对象,进而获取其内容的高度。 ```javascript iframe.onload...