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 相关文章推荐
syntaxhighlighter 使用方法
Jul 02 Javascript
JavaScript delete 属性的使用
Oct 08 Javascript
jQuery html()等方法介绍
Nov 18 Javascript
一个报数游戏js版(约瑟夫环问题)
Aug 05 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
详解JavaScript中this关键字的用法
May 26 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
判断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代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
PHP静态成员变量和非静态成员变量详解
2017/02/14 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
ajax java 实现自动完成功能
2012/12/19 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
python中正则表达式的使用详解
2014/10/17 Python
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
实习护士自我鉴定
2013/10/13 职场文书
开办加工厂创业计划书
2014/01/03 职场文书
初中三年毕业生的自我评价分享
2014/02/14 职场文书
银行求职自荐书
2014/06/25 职场文书
投资入股合作协议书
2014/10/28 职场文书
民政局标准版离婚协议书
2014/12/01 职场文书
护士个人年终总结
2015/02/13 职场文书
教师求职简历自我评价
2015/03/10 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
python使用torch随机初始化参数
2022/03/22 Python