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中window.open打开一个新的页面
Aug 10 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
Vue2.0 ES6语法降级ES5的操作
Oct 30 Javascript
javascript实现计算器功能详解流程
Nov 01 Javascript
canvas实现贪食蛇的实践
Feb 15 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
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
PHP通用分页类page.php[仿google分页]
2008/08/31 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
PHP用户管理中常用接口调用实例及解析(含源码)
2017/03/09 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
php集成开发环境详解
2019/09/24 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2010/06/11 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
2015/11/09 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
使用vue-cli webpack 快速搭建项目的代码
2018/11/21 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)
2020/09/24 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
银行会计财务工作个人的自我评价
2013/10/29 职场文书
2013届毕业生求职信范文
2013/11/20 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
机械专业求职信
2014/05/25 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python