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

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

相关文章

  • JavaScript动态生成表格的示例

    JavaScript动态生成表格的示例

    这篇文章主要介绍了JavaScript动态生成表格的示例,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-11-11
  • 详解JavaScript Alert函数执行顺序问题

    详解JavaScript Alert函数执行顺序问题

    本文主要介绍了Javascript的Alert函数执行顺序问题,对此感兴趣的同学,可以实验一下,以便解决平时遇到的一些奇怪的问题。
    2021-05-05
  • js加入收藏以及使用Jquery更改透明度

    js加入收藏以及使用Jquery更改透明度

    本文为大家提供一段加入收藏的js代码以及实用Jquery更改对象透明度的代码,需要的朋友可以参考下
    2014-01-01
  • 基于JavaScript实现Tab选项卡切换效果

    基于JavaScript实现Tab选项卡切换效果

    这篇文章主要介绍了基于JavaScript实现Tabs选项卡切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 原生js实现倒计时--2018

    原生js实现倒计时--2018

    本文主要介绍了原生js实现倒计时--2018的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 用JS得到字符串中出现次数最多的字母

    用JS得到字符串中出现次数最多的字母

    一个字符串String=“adadfdfseffserfefsefseetsdg”,找出里面出现次数最多的字母和出现的次数。 经典的解答思路为:取出字符串的第一个字符(首字母),利用的字符串的 replace 方法将符合正则表达式(第一个字符)替代为空,此字母出现的次数为原始的字符串长度减去替代后的字符串长度。循环迭代找出长度最长的字母。
    2008-03-03
  • 浅谈JavaScript 中的延迟加载属性模式

    浅谈JavaScript 中的延迟加载属性模式

    改善性能的最好方法之一是避免重复两次相同的工作。因此,只要可以缓存结果供以后使用,就可以加快程序的速度。延迟加载属性模式技术使任何属性都可以成为缓存层以提高性能。这里说到的延迟加载属性模式就是利用的访问器属性,将计算昂贵的操作推迟到需要时再使用
    2021-06-06
  • JavaScript 悬浮窗口实现代码

    JavaScript 悬浮窗口实现代码

    主要是window.onscroll的运用
    2009-02-02
  • JS面向对象编程之对象使用分析

    JS面向对象编程之对象使用分析

    在AJAX兴起以前,很多人写JS可以说都是毫无章法可言的,基本上是想到什么就写什么,就是一个接一个的函数function,遇到重复的还得copy,如果一不小心函数重名了,还真不知道从何开始查找错误
    2010-08-08
  • JS实现OCX控件的事件响应示例

    JS实现OCX控件的事件响应示例

    JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理
    2014-09-09

最新评论