IE iframe的onload方法分析小结
IE iframe的onload方法分析小结
发布时间:2016-12-30 来源:查字典编辑
摘要:判断iframe是否加载完成的完美方法IE支持iframe的onload事件,不过是隐形的,需要通过attachEvent来注册。第二种方法...

判断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://jb51.net/';

document.getElementById('google').onload = function(){

alert ('I am google frame, now loaded');

}

</script>

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

复制代码 代码如下:

var iframe = document.createElement("iframe");

iframe.src = "http://www.jb51.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);

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类