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中注册和移除事件的4种方式
Mar 20 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
JS+CSS实现简易的滑动门效果代码
Sep 24 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
jQuery UI库中dialog对话框功能使用全解析
Apr 23 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
vue-cli构建项目使用 less的方法
Oct 04 Javascript
vue中Npm run build 根据环境传递参数方法来打包不同域名
Mar 29 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
Jan 18 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/01/16 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
php绘制一条直线的方法
2015/01/24 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
Javascript Global对象
2009/08/13 Javascript
理解JavaScript中的对象 推荐
2011/01/09 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
Python 元类使用说明
2009/12/18 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
世界经理人咨询有限公司面试
2014/09/23 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
建议书怎么写
2014/03/12 职场文书
学生个人自我鉴定
2014/03/26 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书
2019年大学推荐信
2019/06/24 职场文书