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

转载 2011年01月25日 11:46:00

转自:http://www.cnblogs.com/lhgstudio/archive/2010/10/24/1859946.html

 

很老的东西,记下来下,万一以后要用到

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

01 var iframe = document.createElement( "iframe" );
02 iframe.src = "http://www.planabc.net " ;
03    
04 if (! /*@cc_on!@*/ 0) { //if not IE
05      iframe.onload = function(){
06          alert( "Local iframe is now loaded." );
07      };
08 } else {
09      iframe.onreadystatechange = function(){
10          if (iframe.readyState == "complete" ){
11              alert( "Local iframe is now loaded." );
12          }
13      };
14 }
15    
16 document.body.appendChild(iframe);

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

01 var iframe = document.createElement( "iframe" );
02 iframe.src = "http://www.planabc.net " ;
03    
04 if (iframe.attachEvent){
05      iframe.attachEvent( "onload" , function(){
06          alert( "Local iframe is now loaded." );
07      });
08 } else {
09      iframe.onload = function(){
10          alert( "Local iframe is now loaded." );
11      };
12 }
13    
14 document.body.appendChild(iframe);

几点补充说明:

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

相关文章推荐

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

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

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

判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。第二种方法比第一种方法更完美(采用readystatec...
  • lxacdf
  • lxacdf
  • 2017年06月15日 13:52
  • 121

javascript 判断 iframe是否加载成功(该方法可自然延伸到判断script脚本是否加载成功)

javascript 判断 iframe是否加载成功(该方法可自然延伸到判断script脚本是否加载成功,方法请见《高性能网站建设进阶指南》第5章第三节Preserving Order Asyncro...

js判断iframe是否加载成功

在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来。这时,我们就要考虑是否可以等i...
  • C_mihoo
  • C_mihoo
  • 2013年06月05日 17:40
  • 5138

javascript 判断 iframe是否加载成功

之前我已经介绍过了关于跨iframe的window.event的文章,有兴趣可以看下, http://www.css-js.cn/javascript/ie-iframe-window-event....

JS判断iframe是否加载成功

在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来。这时,我们就要考虑是否可以等i...

ExtJS中TabPanel用iframe加载其他完整页面的处理方法

前几天工作中需要使用Ext的TabPanel标签页加载两个完整页面。就在网上查,看到了这篇文章:“Ext.TabPanel之第一式”。这篇文章讲解到如何在“用iframe加载其他完整页面的tabpan...

javaScript & jquery完美判断图片是否加载完毕

------------------------------------------------------------- 众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax...

javaScript & jquery完美判断图片是否加载完毕

------------------------------------------------------------- 众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax...

javaScript & jquery完美判断图片是否加载完毕

众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求。在服务端生成item列表后,通过 js append到相应的div里边。   看起来很简单的样子,关键问题就出在图片的...
  • cuoban
  • cuoban
  • 2015年09月14日 16:57
  • 204
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:判断 iframe 是否加载完成的完美方法
举报原因:
原因补充:

(最多只允许输入30个字)