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中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 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为php增加openssl模块的方法
2011/06/14 PHP
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
ThinkPHP分页实例
2014/10/15 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python同步windows和linux文件
2019/08/29 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
python enumerate内置函数用法总结
2020/01/07 Python
Keras 使用 Lambda层详解
2020/06/10 Python
python实现批量命名照片
2020/06/18 Python
Django如何重置migration的几种情景
2021/02/24 Python
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
学期自我鉴定范文
2013/10/01 职场文书
公司端午节活动方案
2014/02/04 职场文书
代理班主任的自我评价
2014/02/04 职场文书
趣味体育活动方案
2014/02/08 职场文书
材料化学专业求职信
2014/07/15 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
大学生思想道德自我评价
2015/03/09 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang