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


Posted in Javascript onJuly 15, 2014

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

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

Javascript 相关文章推荐
关于jquery css的使用介绍
Apr 18 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
原生js实现验证码功能
Mar 16 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
理理Vue细节(推荐)
Apr 16 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 Javascript
javascript实现放大镜功能
Dec 09 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 #Javascript
js拼接html注意问题示例探讨
Jul 14 #Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 #Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 #Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 #Javascript
node.js不得不说的12点内容
Jul 14 #Javascript
Node.js编码规范
Jul 14 #Javascript
You might like
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
如何在一个页面显示多个百度地图
2013/04/07 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
javaScript知识点总结(必看篇)
2016/06/10 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
自己动手封装一个React Native多级联动
2018/09/19 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
如何基于python实现归一化处理
2020/01/20 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
Cpython解释器中的GIL全局解释器锁
2020/11/09 Python
编程用JAVA解析XML的方式
2013/07/07 面试题
Jdbc数据访问技术面试题
2012/03/30 面试题
青年创业培训欢迎词
2014/01/10 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
校园安全主题班会
2015/08/12 职场文书
小学校本教研总结
2015/08/13 职场文书