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 无刷新分页实例代码
Nov 12 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
使用nvm和nrm优化node.js工作流的方法
Jan 17 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
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
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
jquery动态增加删减表格行特效
2015/11/20 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
Python封装原理与实现方法详解
2018/08/28 Python
Python QQBot库的QQ聊天机器人
2019/06/19 Python
Pycharm使用之设置代码字体大小和颜色主题的教程
2019/07/12 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
pyecharts在数据可视化中的应用详解
2020/06/08 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
JVM是一个编译程序还是解释程序
2012/09/11 面试题
新党章心得体会
2014/09/04 职场文书
2014四风问题对照检查材料范文
2014/09/15 职场文书
滞留工资返还协议书
2014/10/19 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
2015年度房地产工作总结
2015/04/09 职场文书
报案材料怎么写
2015/05/25 职场文书
道士塔读书笔记
2015/06/30 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python