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 相关文章推荐
jQuery数据缓存用法分析
Feb 20 Javascript
jQuery事件用法详解
Oct 06 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
简单理解vue中Props属性
Oct 27 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
js实现继承的方法及优缺点总结
May 08 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
vue中使用GraphQL的实例代码
Nov 04 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流量统计功能的实现代码
2012/09/29 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
有关PHP性能优化的介绍
2013/06/20 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
python使用Flask操作mysql实现登录功能
2018/05/14 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
numpy 声明空数组详解
2019/12/05 Python
Python 文件数据读写的具体实现
2020/01/24 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
销售主管岗位职责
2014/02/08 职场文书
电教室标语
2014/06/20 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
感谢师恩主题班会
2015/08/17 职场文书