ie 处理 gif动画 的onload 事件的一个 bug

如果 <img>标签的 src为一个 gif 动画，那么他的 onload事件会重复触发。
firefox就没有这样的问题。
<img src="http://zi.csdn.net/intel_120x60.gif" onload='gorush(this)'>
<script type="text/javascript">
//by Go_Rush(阿舜) from http://ashun.cnblogs.com/
function gorush(obj){
 alert("如果img的src为多帧gif动画，这个会重复弹出")
}
</script>
解决办法:
<img src="http://zi.csdn.net/intel_120x60.gif" onload='gorush(this)'>
<script type="text/javascript">
//by Go_Rush(阿舜) from http://ashun.cnblogs.com/
function gorush(obj){
 alert("这样，就只会弹出一次")
 obj.onload=null;
}
</script>
如果 src设置为 静态 gif 或者 jpg ,bmp等其他格式，也不会出现这个bug

赞 (0)

相关推荐

  • ie 处理 gif动画 的onload 事件的一个 bug

    如果 <img>标签的 src为一个 gif 动画,那么他的 onload事件会重复触发. firefox就没有这样的问题. <img src="http://zi.csdn.net/intel_120x60.gif" onload='gorush(this)'> <script type="text/javascript"> //by Go_Rush(阿舜) from http://ashun.cnblogs.com/ func

  • js的onload事件及初始化按钮事件示例代码

    大家常见的肯定都是<body onload=""> 这种用法.其实,不仅可以在body 上用它还支持多个HTML标签.用法如下: onload事件当一个页面或是一张图片加载完成时被触发. 所支持的HTML标签: <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> 实例: 第一种方法 复制代码 代码如下: <BOD

  • 引用其它js时如何同时处理多个window.onload事件

    有时引用其它js时,其js却使用了window.onload事件,这样的话,引入的页面的onload事件就有可能执行不了,怎样才能两个都运行呢?除了将两个写到一块儿去的方法外,还有其他的方法 if(window.onload!=null){ eval("theOldFun="+window.onload.toString()); window.onload=function(){theOldFun();addReadResource();}; } eval()函数的作用: 它的功能是把

  • 仅img元素创建后不添加到文档中会执行onload事件的解决方法

    示例 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> <script> var img = document.createElement('img'); img.src = &qu

  • js之onload事件的一点使用心得

    如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:"这不是页面加载完就执行吗". 但是答案是不一定,得看你怎么用.看一下例子吧 例1: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <

  • 全面解析jQuery $(document).ready()和JavaScript onload事件

    对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>1-1</title> <script type="text/javascript"> document.getElementById("panel").onclick = fu

  • 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同学看了后才知,

  • IE浏览器中图片onload事件无效的解决方法

    故事模式实现是只加载当前浏览的照片和它下面的两张照片,加载照片的时候才会加载和渲染评论区,图片没有加载前会用一个一象素的图片占位,并用一个loading类将显示出一个loading背景图,判断在可视区的时候替换成真正的图片,图片加载成功后删除loading类. 问题出在最后面,测试的时候发现在IE下loading类无法删除,当时代码如下: 复制代码 代码如下: img.src = _src;img.src = _src;img.onload = function(){   _con.delCla

  • img onload事件绑定各浏览器均可执行

    在需要对img进行onload事件绑定的时候,一般大家都会想到用常规的方法进行事件绑定,如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

  • js onload事件不起作用示例分析

    前一段事件遇到一个奇怪的问题,jsp页面中写一个onload事件,发现居然不起作用,查看源文件,bady的onload后居然没有方法名??? <body onload="这里居然是空的" bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0"> 百思不得其解, 于是试验 复制代码 代码如下: </body> <

随机推荐