IE中Image .onload的问题
2011-06-30 19:39
267 查看
在web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如:
OK?这段代码看着没什么问题,但在ie中会有一个bug,就是ie第一次打开的时候没问题,第二次使用这个方法就悲剧了,ie没反应了,即使刷新页面也是一样。因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。
修改后:
先写onload方法,再指定这张图片的URL,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这样就OK了。
var img = new Image();img.src = "loading.gif";img.onload = function(){ alert ( img.width );};
OK?这段代码看着没什么问题,但在ie中会有一个bug,就是ie第一次打开的时候没问题,第二次使用这个方法就悲剧了,ie没反应了,即使刷新页面也是一样。因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。
修改后:
var img = new Image();img.onload = function(){ alert ( img.width );};img.src = "loading.gif";
先写onload方法,再指定这张图片的URL,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这样就OK了。
相关文章推荐
- 关于IE中image的onload事件失效解决问题
- IE中Image对象onload失效问题
- 关于IE中image的onload事件失效解决问题
- 关于img的onload事件兼容ie下的bug问题
- IE中图片的onload事件无效问题和解决方法
- IE中图片的onload事件无效问题和解决方法
- <a>标签内嵌<input type="image">在IE中链接失效问题
- IE下img.onload无法获取图片宽高的问题
- 被 FF and IE 的 image onload onerror 折腾的一天
- android学习问题记录(Missing content Description attribute on image)
- bootstrap解决IE低版本不支持HTML5问题
- 解决IE下URL传参中文乱码的问题
- IE bug ——input 外层浮动的边距问题
- [Web开发] IE Cookie丢失问题的常见原因 推荐
- DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题
- IE下某些标签的innerHTML属性只读引发的兼容性问题
- 遇到一个IE升级到IE8之后脚本无法跑的问题。那么对于这样的问题,我们需要如何去处理?
- ie下ajax同步执行的问题
- 关于IE主页的问题
- Javascript-Mozilla和IE中的一个函数直接量的问题