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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 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中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
模拟SQLSERVER的两个函数:dateadd(),datediff()
2006/10/09 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
javascript实现动态标签云
2015/10/16 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
2020/12/13 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
详解Vite的新体验
2021/02/22 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
Python序列化pickle模块使用详解
2020/03/05 Python
加拿大最大的书店:Indigo
2017/01/01 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
大学系主任推荐信范文
2013/12/24 职场文书
保护动物的标语
2014/06/11 职场文书
银行求职自荐书
2014/06/25 职场文书
单位工作证明书格式
2014/10/04 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书