IE iframe的onload方法分析小结


Posted in Javascript onJanuary 07, 2010

判断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://3water.com/'; 
document.getElementById('google').onload = function(){ 
alert ('I am google frame, now loaded'); 
} 
</script>

在这里,也把原文提到的”判断 iframe 是否加载完成的完美方法”原文摘录至此
var iframe = document.createElement("iframe"); 
iframe.src = "https://3water.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);
Javascript 相关文章推荐
JS面向对象编程浅析
Aug 28 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
javascript实现链接单选效果的方法
May 13 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
判断iframe是否加载完成的完美方法
Jan 07 #Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 #Javascript
EXT中xtype的含义分析
Jan 07 #Javascript
Extjs学习笔记之四 工具栏和菜单
Jan 07 #Javascript
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 #Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 #Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 #Javascript
You might like
php 取得瑞年与平年的天数的代码
2009/08/10 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
php session_decode函数用法讲解
2019/05/26 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
简单分析python的类变量、实例变量
2019/08/23 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
浅析Python的命名空间与作用域
2020/11/25 Python
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
乌克兰时尚鞋子和衣服购物网站:Born2be
2018/05/24 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
服务标兵事迹材料
2014/05/04 职场文书
群众路线查摆问题整改措施
2014/10/10 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
婚礼答谢词范文
2015/09/29 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
PHP基本语法
2021/03/31 PHP
使用pytorch实现线性回归
2021/04/11 Python