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 jquery验证银行卡号信息正则学习
Jan 21 Javascript
javascript基础知识
Jun 07 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
Oct 27 Javascript
详解ES6中的let命令
Apr 05 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 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
ThinkPHP中redirect用法分析
2014/12/05 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
各种快递查询--Api接口
2016/04/26 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
JavaScript 点击触发复制功能实例详解
2018/11/02 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
2019/03/26 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
Python实现在线音乐播放器
2017/03/03 Python
python selenium 对浏览器标签页进行关闭和切换的方法
2018/05/21 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python3分析处理声音数据的例子
2019/08/27 Python
python 实现超级玛丽游戏
2020/11/25 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
css3 实现圆形旋转倒计时
2018/02/24 HTML / CSS
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
会计电算化专业个人的自我评价
2013/11/24 职场文书
英语国培研修感言
2014/02/13 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
党课培训心得体会
2014/09/02 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
Python Socket编程详解
2021/04/25 Python
一文搞懂php的垃圾回收机制
2021/06/18 PHP