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图片阅览组件
Nov 09 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
jquery对象和DOM对象的相互转换详解
Oct 18 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
javascript利用键盘控制小方块的移动
Apr 20 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
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
php discuz 主题表和回帖表的设计
2009/03/13 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
PHP实现的下载远程文件类定义与用法示例
2017/07/05 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
VueJS全面解析
2016/11/10 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
JSONP基础知识详解
2017/03/19 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
Python随机读取文件实现实例
2017/05/25 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
Python OpenCV实现视频分帧
2019/06/01 Python
python 同时读取多个文件的例子
2019/07/16 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
英国著名的美容护肤和护发产品购物网站:Lookfantastic
2020/11/23 全球购物
优秀团干部个人事迹
2014/05/29 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
2016继续教育研修日志
2015/11/13 职场文书
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android