IE中Image .onload方法问题

  1. IE中Image .onload方法问题 在web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才能够获取图片自己的宽高,例如:web

    var img = new Image();缓存

    img.src = "loading.gif";服务器

    img.onload = function(){code

    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";
相关文章
相关标签/搜索