IE浏览器中Image对象onload失效的解决办法
2024-08-25 03:22:23
作为WEB设计者,为了在网页展示上加强用户体验,经常会利用图象载入显示状态方法,这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后,可是在IE浏览器中进行调试总不能被调用。不管是最新版的IE8还是旧版本的IE7和IE6都无效,最初的代码简化后如下:
var img = new Image();
img.src = "test.gif";
img.onload = function(){
alert(this.src);
//other
};
简单看过以后貌似这段代码没有什么问题,可是IE下就不是能正常的运行。不管怎么检测,IE根本不会理会,不过还是找到了解决的方法,原理如下:
图片下载时,浏览器会把图片缓存起来,再次加载此图片时就会从缓冲区里加载。
那么如果图片已经在缓存区了,是不是从缓冲区里加载的图片就不触发onload事件呢?
测试……
var img = new Image();
img.onload = function(){
alert(this.src);
//other
};
img.src = "test.gif";
测试成功!
结论:应该把onload写到src前面,先告诉浏览器图片加载完要怎么处理,再让它去加载图片。 所以,不是IE浏览器不会触发onload事件,而是因为加载缓冲区的速度太快,在没有告诉它加载完要怎么办时,它已经加载完了。反过来说,firefox明显更智能一些,加入onload事件后,firefox浏览器会检测缓冲区是否已经有此图片,有的话直接就触发此事件!
文章来自:http://www.iefans.net/ie-image-duixiang-onload/
最新文章
- 常用数据库高可用和分区解决方案(1) — MySQL篇
- JavaScript 、jQuery动态创建元素的关键字~
- object-c 协议和委托
- centos6.5下的mysql5.6.30安装
- php练习——打印半金字塔、金字塔、空心金字塔、菱形、空心菱形
- sql编程 &;&; 存储过程
- position relative
- NancyFx 2.0的开源框架的使用-Basic
- Java内存区域与对象创建过程
- flask完成文件上传功能
- 错误:Java HotSpot(TM) 64-Bit Server VM warning: Insufficient space for shared memory file
- Linux测试硬盘读性能的常用工具-hdparm和dd俩搭档
- 树莓派 连接 JY901(MPU9250) python 代码
- nova98 假区域链 骗人项目(vexx.pro的前身)
- JavaScript是如何工作的:Service Worker的生命周期及使用场景
- 欢迎加入.NET Core 技术QQ群一起讨论交流学习
- 课程四(Convolutional Neural Networks),第三 周(Object detection) —— 2.Programming assignments:Car detection with YOLOv2
- Python中列表
- php RSA加密传输代码示例(轉)
- Bootstrap的起步