您现在的位置:首页 --> JavaScript --> IE中Image .onload方法问题
IE中Image .onload方法问题
浏览:1336次 出处信息
在web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如:
1 |
var img = new Image(); |
2 |
img.src = "loading.gif" ; |
3 |
img.onload = function (){ |
4 |
alert ( img.width ); |
5 |
}; |
OK?这段代码看着没什么问题,但在ie中会有一个bug,就是ie第一次打开的时候没问题,第二次使用这个方法就悲剧了,ie没反应了,即使刷新页面也是一样。因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。
先写onload方法,再指定这张图片的URL,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这样就OK了。
1 |
var img = new Image(); |
2 |
img.onload = function (){ |
3 |
alert ( img.width ); |
4 |
}; |
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:如何判断Javascript对象是否存在
后一篇:JS文件加载失败处理 >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: onload
- 发布时间:2011-05-15 14:35:32
近3天十大热文
- [12] 产品设计之QQ邮箱登录页与淘宝登录页
- [9] 分布式系统的事务处理
- [9] Python连接 MySQL 数据库的超时问
- [8] 关于不得不在python中使用代理访问网络的
- [8] 浅述各平台系统交互设计的不同关注点
- [8] 设计上的小细节
- [8] 移动Web开发初学者指南
- [8] 读书:谣言
- [8] 逃出你的肖申克(五):看不见的牢笼(上)
- [7] 迈过社会化网络:互联网的新时代