当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE iframe的onload方法分析小结

Javascript
JavaScript 语言精粹学习笔记
有关div页面拖动、缩放、关闭、遮罩效果代码
JQuery this 和 $(this) 的区别
JS 时间显示效果代码
jquery 表单进行客户端验证demo
JS 获取span标签中的值的代码 支持ie与firefox
JavaScript 获取用户客户端操作系统版本
可以读取EXCEL文件的js代码
JS去除字符串的空格增强版(可以去除中间的空格)
监控用户是否关闭浏览器的js代码
javascript 继承实现方法
JSON 入门指南 想了解json的朋友可以看下
javascript 函数调用规则
动态表格Table类的实现
JSON 客户端和服务器端的格式转换
jQuery ui1.7 dialog只能弹出一次问题
javascript 遍历验证所有文本框的值
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
javascript 简练的几个函数
csdn 博客中实现运行代码功能实现

No. « 154 155 156 157 »

技术文章搜索

关键字

Javascript 中的 IE iframe的onload方法分析小结

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 349 ::
收藏到网摘: n/a

在判断 iframe 是否加载完成的完美方法一文中，怿飞最后有如下两点补充。 判断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://ruanchen.com/'google').onload = function(){
alert ('I am google frame, now loaded');
}
</script>

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

var iframe = document.createElement("iframe");
iframe.src = "http://www.ruanchen.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);