js的image onload事件使用遇到的问题
更新时间：2014年07月15日 17:35:27 投稿：whsnow
这篇文章主要介绍了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。。。要不它只记得第一张图。。。
对这个缓存区还是一知半解。继续。
相关文章
这篇文章主要介绍了JS实现自动变化的导航菜单效果代码,涉及JavaScript基于定时函数触发页面元素属性动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
使用onbeforeunload属性后的副作用...2007-03-03
通过表单在iframe内向一个跨域的url提交的时候，如何判断提交成功了呢？这个，基本上，很难，因为浏览器安全沙箱的限制，我们没有办法通过获得iframe内部不同域页面的信息。2009-11-11
数组(Array)是有序的元素序列,若将有限个类型相同的变量的集合命名,那么这个名称为数组名,下面这篇文章主要给大家介绍了关于ES6中数组新增方法的相关资料,需要的朋友可以参考下2022-03-03
本案例是参考cropper站点实例，进行修改简化。接下来通过本文给大家分享Cropper.js 实现裁剪图片并上传(PC端) 功能，需要的朋友参考下吧2017-08-08
这篇文章主要介绍了基于JS实现父组件的请求服务过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
在JavaScript编程中,经常会遇到需要计算字符串中特定字符出现次数的情况,在本文中,我将分享两个简单的JavaScript函数,用于计算字符串中特定字符出现的次数,需要的朋友可以参考下2023-11-11
下面小编就为大家带来一篇纯js实现html转pdf的简单实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了JavaScript多级判定代码优化，JavaScript用二元运算符和if拆分优化多级判定结构, 用JavaScript逻辑运算符替换if-else结构判定2023-02-02
本篇文章主要介绍了JS实现浏览器打印、打印预览示例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
最新评论