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";
相关文章
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
如何在js中让函数睡眠多少秒? 经常会有Javascript初学者提出这样的问题,自从js出现以来.2010-08-08
一道优雅面试题分析js中fn()和return fn()的区别
这篇文章主要带领大家深入理解JavaScript中 fn() 和 return fn() 的区别，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了微信小程序云开发之云函数的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言2016-01-01
javascript中的window.location.search方法简介
window.location.search方法是截取当前url中“?”后面的字符串，示例如下，感兴趣的朋友可以参考下2013-09-09
JavaScript requestAnimationFrame动画详解
这篇文章主要为大家详细介绍了JavaScript requestAnimationFrame动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要给大家介绍了PHP中pathinfo()函数导致的安全问题,文中给出了详细的介绍与示例代码，相信对大家的理解和学习具有一定的参考借鉴价值，需要的朋友可以参考下，下面来一起看看吧。2017-01-01
这篇文章主要介绍了如何用原生JS获取CLASS对象，看过dom编程艺术的朋友或许会知道的2014-10-10
这篇文章主要介绍了JS实现分页浏览横向图片(类轮播)实例代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
这篇文章主要为大家详细介绍了CountUp.js数字滚动插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
最新评论