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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
Jan 28 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
js实现五星评价功能
Mar 08 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
js 获取json数组里面数组的长度实例
Oct 31 Javascript
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 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
全国FM电台频率大全 - 14 江西省
2020/03/11 无线电
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
PHP查找与搜索数组元素方法总结
2015/06/12 PHP
PHP children()函数讲解
2019/02/03 PHP
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
javascript hashtable实现代码
2009/10/13 Javascript
JavaScript 数组循环引起的思考
2010/01/01 Javascript
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
python中requests库session对象的妙用详解
2017/10/30 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
详解Python with/as使用说明
2018/12/13 Python
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
给男朋友的道歉信
2014/01/12 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
优质护理心得体会
2016/01/22 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js