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 相关文章推荐
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
JS性能优化笔记搜索整理
Aug 21 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
深入了解JavaScript 防抖和节流
Sep 12 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
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
Python比较两个图片相似度的方法
2015/03/13 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
总经理助理工作职责
2014/02/06 职场文书
合伙协议书范本
2014/04/21 职场文书
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
团员自我评价范文
2015/03/10 职场文书
2015大学生求职信范文
2015/03/20 职场文书
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL