IE iframe的onload方法分析小结

180 阅读 0 评论 119 点赞

我是靠谱客的博主大胆果汁，最近开发中收集的这篇文章主要介绍IE iframe的onload方法分析小结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

这里感觉说的并不是完全准确，开始给我造成了很大的困扰。看其代码才明白，真正意义上来讲IE在创建一个新的iframe时的onload方法需要使用attachEvent来绑定，而原来就存在的iframe的onload方法，则可以直接绑定。

说的有些乱，大家看代码，一看便知：

复制代码代码如下:

 
<iframe id='google'></iframe> 
<script type='text/javascript'> 
document.getElementById('google').src='http://uoften.com/'; 
document.getElementById('google').onload = function(){ 
alert ('I am google frame, now loaded'); 
} 
</script> 

在这里，也把原文提到的”判断 iframe 是否加载完成的完美方法”原文摘录至此

复制代码代码如下:

 
var iframe = document.createElement("iframe"); 
iframe.src = "http://www.uoften.com"; 

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); 