脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → image onload

js的image onload事件使用遇到的问题

 更新时间：2014年07月15日 17:35:27   投稿：whsnow  
这篇文章主要介绍了js的image onload事件使用遇到的问题,需要的朋友可以参考下

关于 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。。。要不它只记得第一张图。。。

对这个缓存区还是一知半解。继续。

您可能感兴趣的文章:

相关文章

  • 提交表单时执行func方法实现代码

    提交表单时执行func方法实现代码

    客户端的js验证想必大家早已熟悉，今天本文带着大家再回忆一下，主要是在提交表单之前执行func方法，感兴趣的你可以参考下哈，希望可以帮助到你
    2013-03-03
  • 浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处

    浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处

    下面小编就为大家带来一篇浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Ajax基础知识详解

    Ajax基础知识详解

    本文主要介绍了Ajax基础知识。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • H5手机端多文件上传预览插件

    H5手机端多文件上传预览插件

    这篇文章主要为大家详细介绍了H5图片上传插件，基于zepto，支持多文件上传，进度和图片预览，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript中函数声明优先于变量声明的实例分析

    JavaScript中函数声明优先于变量声明的实例分析

    同一个标示符，先后用var和function声明它。最后它是什么呢
    2012-03-03
  • javascript类型系统 Window对象学习笔记

    javascript类型系统 Window对象学习笔记

    这篇文章主要介绍了javascript类型系统之Window对象，整理关于Window对象的学习笔记，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 微信小程序实现简单的计算器功能

    微信小程序实现简单的计算器功能

    这篇文章主要为大家详细介绍了微信小程序实现简单的计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07
  • xml文档转换工具，附图表例子(hta)

    xml文档转换工具，附图表例子(hta)

    xml文档转换程序的一个小应用，几行代码生成饼图。源代码打包提供。
    2010-11-11
  • javascript数组的一些常用方法详细汇总

    javascript数组的一些常用方法详细汇总

    在JavaScript开发中,数组的操作至关重要,本文详细介绍了数组的常用方法,包括添加、删除、查找、迭代、遍历、排序和变换等功能,掌握这些方法,可以有效地处理和操作数组数据,提高开发效率和代码的可维护性,需要的朋友可以参考下
    2024-09-09
  • 基于javascript实现精确到毫秒的倒计时限时抢购

    基于javascript实现精确到毫秒的倒计时限时抢购

    现如今做电商网站必不可少的一个效果就是限时抢购，这也是各大电商网站的一种促销手段。如何实现倒计时限时抢购，本文为大家分享了javascript实现倒计时限时抢购的的相关代码，感兴趣的小伙伴们可以参考一下
    2016-04-04

最新评论