您的位置:首页 > Web前端 > JavaScript

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

2014-07-16 15:44 393 查看
关于 Image 对象 onload 事件。

想获取的是 image 的 宽高值www.usus.cc。所以用 onload 方法。另外是获取的远程www.e78.com图片。

但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。。。要不它只记得第一张图。。。

对这个缓存区还是一知半解。继续。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息