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之三(封装和信息隐藏)
Jan 27 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
jQuery实现验证码功能
Mar 17 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
JavaScript实现分页效果
Mar 28 Javascript
jQuery中库的引用方法
Jan 06 jQuery
ES6 fetch函数与后台交互实现
Nov 14 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
当海贼王变成JOJO风
2020/03/02 日漫
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
php md5下16位和32位的实现代码
2008/04/09 PHP
PHP常用技术文之文件操作和目录操作总结
2014/09/27 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
2014/02/12 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
vue.js实现双击放大预览功能
2020/06/23 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
Python使用redis pool的一种单例实现方式
2016/04/16 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
python修改文件内容的3种方法详解
2019/11/15 Python
python 实现兔子生兔子示例
2019/11/21 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
药学专业个人的自我评价
2013/12/31 职场文书
女生节标语
2014/06/26 职场文书
自我评价优缺点范文
2015/03/11 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
员工年度工作总结2015
2015/05/18 职场文书
优秀教师工作总结2015
2015/07/22 职场文书