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 相关文章推荐
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
了解javascript中变量及函数的提升
May 27 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
判断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之第十天
2006/10/09 PHP
php木马攻击防御之道
2008/03/24 PHP
php中JSON的使用与转换
2015/01/14 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
javascript常用的方法分享
2015/07/01 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
javascript日期比较方法实例分析
2016/06/17 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
2017/01/13 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
Angularjs实现下拉框联动的示例代码
2017/08/22 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
vue实现分页组件
2020/06/16 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
Vue3.0 响应式系统源码逐行分析讲解
2019/10/14 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
Python 第一步 hello world
2009/09/25 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
AmazeUI 缩略图的实现示例
2020/08/18 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
星级党支部申报材料
2014/05/31 职场文书
影视后期实训报告
2014/11/05 职场文书
先进员工事迹材料
2014/12/20 职场文书
合理化建议书
2015/02/04 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
学校元旦晚会开场白
2015/05/29 职场文书