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 相关文章推荐
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
再谈JavaScript线程
Jul 10 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
Convert Seconds To Hours
2007/06/16 Javascript
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
2020/07/27 Javascript
[02:43]2014DOTA2国际邀请赛 官方Alliance战队纪录片
2014/07/14 DOTA
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
Python检测QQ在线状态的方法
2015/05/09 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
this关键字的作用
2016/01/30 面试题
劳资专员岗位职责
2013/12/27 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
社区消防工作实施方案
2014/03/21 职场文书
2016年春节慰问信息
2015/03/25 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技
Nginx限流和黑名单配置
2022/05/20 Servers