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动画浅析
Aug 30 Javascript
简洁Ajax函数处理(示例代码)
Nov 15 Javascript
angularJS 入门基础
Feb 09 Javascript
JavaScript原生对象之String对象的属性和方法详解
Mar 13 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
基于js中的原型(全面讲解)
Sep 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的CMS中展示文章类实例分析
2015/06/18 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
javascript类继承机制的原理分析
2009/09/12 Javascript
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
基于JS判断对象是否是数组
2020/01/10 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
Python求解平方根的方法
2015/03/11 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
python实现简单flappy bird
2018/12/24 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
opencv实现简单人脸识别
2021/02/19 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
Python random模块的使用示例
2020/10/10 Python
python 实现汉诺塔游戏
2020/11/28 Python
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
毕业生找工作推荐信
2013/11/21 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
初中美术教学反思
2014/01/29 职场文书
黄石寨导游词
2015/02/05 职场文书
个人工作违纪检讨书
2015/05/05 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android
golang实现浏览器导出excel文件功能
2022/03/25 Golang
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技