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 相关文章推荐
关于js datetime的那点事
Nov 15 Javascript
基于JQuery的多标签实现代码
Sep 19 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
Mar 27 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
记录vue做微信自定义分享的一些问题
Sep 12 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 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获取文件名后缀
2013/06/09 PHP
浅析SVN常见问题及解决方法
2013/06/21 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
2017/10/26 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
Python实现购物程序思路及代码
2017/07/24 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
python如何输出反斜杠
2020/06/18 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
信用卡工作证明模板
2014/09/14 职场文书
大学迎新生标语
2014/10/06 职场文书
2014年行政人事工作总结
2014/12/09 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
小学六年级毕业感言
2015/07/30 职场文书