您的位置: 首页  >  IT文章  >  判断iframe是不是加载完的完美方法

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

分类: IT文章 • 2022-10-11 21:39:03
判断iframe是否加载完的完美方法
一般来说，我们判断 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 事件有一些潜在的问题 。

相关推荐