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 相关文章推荐
javascript 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
为Extjs加加速(javascript加速)
Aug 19 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
jquery validate表单验证插件
Sep 06 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
jQuery实现简单的滑动导航代码(移动端)
May 22 jQuery
微信小程序slider组件使用详解
Jan 31 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
Dec 28 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
php实现socket推送技术的示例
2017/12/20 PHP
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
jQuery获取URL请求参数的方法
2015/07/18 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
Django框架中方法的访问和查找
2015/07/15 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
快速创建python 虚拟环境
2020/11/28 Python
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
UDP协议功能
2013/01/06 面试题
体育专业个人的求职信范文
2013/09/21 职场文书
英文版销售经理个人求职信
2013/11/20 职场文书
心得体会范文
2014/01/04 职场文书
优秀广告词大全
2014/03/19 职场文书
超市中秋节促销方案
2014/03/21 职场文书
法制宣传教育方案
2014/05/09 职场文书
公司年会策划方案
2014/05/17 职场文书
汽车专业求职信
2014/06/05 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL