js的image onload事件使用遇到的问题

162 阅读 0 评论 107 点赞

我是靠谱客的博主开心灯泡，最近开发中收集的这篇文章主要介绍js的image onload事件使用遇到的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

关于 Image 对象 onload 事件。

想获取的是 image 的宽高值。所以用 onload 方法。另外是获取的远程图片。

但IE在第二次显示图片的时候，总是不走 onload 方法。代码：

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};

后来给xiaoniu同学看了后才知，img.src 应该是放在 onload 方法后边的。。

后来google下，才发现原来此类问题大家多有总结。。我真是外行。。

因为 IE 在加载缓冲区数据的时候，没有触发 onload 方法，导致该事件内代码被忽略。FF 在加载缓冲区数据的时候，顺带触发了 onload 方法。

其实还有点，就是onload的时候还要对图片进行自适应调整，就发现，需要再 onload 里还要对元素设置一次img.src。。。要不它只记得第一张图。。。

对这个缓存区还是一知半解。继续。