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

本文介绍了两种检测iframe是否加载完成的有效方法。一种方法是利用readystatechange事件,另一种则是使用onload事件,后者通过attachEvent来注册,适用于IE浏览器,并且被认为更为完善。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一般来说,我们判断 iframe 是否加载完成其实与 判断 Java Script 文件是否加载完成 采用的方法很类似:
  1. var iframe = document.createElement("iframe");
  2. iframe.src = "http://www.planabc.net";
  3. if (!/*@cc_on!@*/0) { //if not IE
  4.   iframe.onload = function(){
  5.       alert("Local iframe is now loaded.");
  6.   };
  7. } else {
  8.   iframe.onreadystatechange = function(){
  9.       if (iframe.readyState == "complete"){
  10.           alert("Local iframe is now loaded.");
  11.       }
  12.   };
  13. }
  14. document.body.appendChild(iframe);
复制代码
最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain 》的评论中 Christopher 提供了一个新的判断方法(很完美):
  1. var iframe = document.createElement("iframe");
  2. iframe.src = http://www.planabc.net;
  3. if (iframe.attachEvent){
  4.   iframe.attachEvent("onload", function(){
  5.       alert("Local iframe is now loaded.");
  6.   });
  7. } else {
  8.   iframe.onload = function(){
  9.       alert("Local iframe is now loaded.");
  10.   };
  11. }
  12. document.body.appendChild(iframe);

几点补充说明:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值