IE中图片的onload事件无效问题和解决方法
更新时间：2014年06月06日 11:33:23 作者：
这篇文章主要介绍了IE中图片的onload事件无效问题和解决方法,这是一个很经典的问题,其实只需要调换一下代码顺序即可解决,需要的朋友可以参考下
在web开发在获取图片宽高是很正常的事情，图片在加载完成前是获取不到图片的宽高的，在加载完成后才可以获取图片本身的宽高，例如：
复制代码 代码如下:
var img = new Image();
img.src = "loading.gif";
img.onload = function(){
alert ( img.width );
};
OK?这段代码看着没什么问题，但在ie中会有一个bug，就是ie第一次打开的时候没问题，第二次使用这个方法就悲剧了，ie没反应了，即使刷新页面也是一样。因为IE会缓存图片，第2次加载的图片，不是从服务器上传过来的，而是从缓冲区里加载的。
先写onload方法，再指定这张图片的URL，这样就正常了。所以，不是IE没有触发onload事件，而是因为加载缓冲区的速度太快，以至于没有运行到img.onload的时候，onload事件已经触发了。这样就OK了。
复制代码 代码如下:
var img = new Image();
img.onload = function(){
alert ( img.width );
};
img.src = "loading.gif";
相关文章
本篇文章主要介绍了bootstrap Table插件使用demo，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
本篇文章主要介绍了js正则表达式验证表单的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要给大家介绍了关于CORS跨域资源共享的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用CORS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
当编辑某条数据时，再回过头来进行编辑，会发现，里面的数据和没有编辑以前是一样的，这就是ie缓存的问题，下面是一个不错的解决方法2014-08-08
仿Excel表格演示代码，非常不错。2009-06-06
这篇文章主要介绍了Bootstrap3 多个模态对话框无法显示的解决方案,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要介绍了js 正则找出最长连续子串长度的实现代码,需要的朋友可以参考下2017-10-10
这篇文章介绍了Enter转换为Tab的小例子(兼容IE,Firefox)，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了js实现飞入星星特效代码,主要通过控制背景与飞入点的样式,结合setTimeout函数即可实现星星飞入的效果,对于学习javascript有不错的参考借鉴价值,需要的朋友可以参考下2014-10-10
这篇文章主要介绍了两个数组去重的JS代码，有需要的朋友可以参考一下2013-12-12
最新评论