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 无提示关闭浏览器页面的代码
Mar 09 Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
原理深度解析Vue的响应式更新比React快
Apr 04 Javascript
js实现复制粘贴的两种方法
Dec 04 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
ini_set的用法介绍
2014/01/07 PHP
PHP向浏览器输出内容的4个函数总结
2014/11/17 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
js活用事件触发对象动作
2008/08/10 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
python做反被爬保护的方法
2019/07/01 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
领导干部四风问题自我剖析材料
2014/09/25 职场文书
工作检讨书怎么写
2014/10/10 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记