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 url传值中文乱码之解决之道
Nov 20 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
BootStrap实现树形目录组件代码详解
Jun 21 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
微信小程序视图template模板引用的实例详解
Sep 20 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
Sep 29 Javascript
JS中的防抖与节流及作用详解
Apr 01 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP stristr() 函数(不区分大小写的字符串查找)
2010/06/03 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
关于Sphinx创建全文检索的索引介绍
2013/06/25 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
PHP实现对图片的反色处理功能【测试可用】
2018/02/01 PHP
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
python超时重新请求解决方案
2019/10/21 Python
python实现用类读取文件数据并计算矩形面积
2020/01/18 Python
django model object序列化实例
2020/03/13 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
远程教育心得体会
2014/01/03 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
先进个人事迹材料
2014/01/25 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis