这篇文章主要介绍了 js 的 image onload 事件使用遇到的问题, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
关于 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。。。要不它只记得第一张图。。。
对这个缓存区还是一知半解。继续。
来源: