昨天同事负责一个首页广告，广告采用的是多帧GIF动画，在HTML演示页面中采用的是jpg，运用Image对象的load事件来加上广告，这样就避免了广告播放出来而图片还没有加载完成的尴尬局面，但是却遇到了一个超级郁闷的事情，那就是在IE中load事件不停的执行，找了很多原因，最后在google上找到了：原来是多帧GIF引起的Image().load事件重复触发的问题。又一次长见识了！而且还有人发帖说可以通过这个bug来模拟js的多线程~
解决方法：
var img=new Image(); img.load=function(){ //do something img.load=null;//重新赋值为null } img.src='××.gif';
今天遇到了IE一个onchange事件的bug，此bug存在于IE所有的版本（6,7,8）不知道是不是bug，还是IE故意这样设计的？姑且不做评价，我们来看看IE onchange事件的重现过程：
给input等控件添加onchange事件，例如input的checkbox（radio等），在IE下点击选中，并没有触发onchange事件，而需要再次失去焦点（点击页面的任何地方）的时候才可以触发onchange事件，而在Firefox下是点击选中checkbox既可以触发onchange事件的~
<html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>IE onchange event bug</title></head> <body> <input type="checkbox" value="1" onchange="alert(this.value);" id="demo1"/> <label for="demo1">demo1</label> <input type="checkbox" value="2" onchange="alert(this.value);" id="demo2"/> <label for="demo2">demo2</label> </body></html>
之前写过一篇《7个JavaScript在IE和Firefox浏览器下的差异写法》，今天断桥残雪再来总结一部分IE和Firefox的javascript差异写法：
IE：有window.event对象
FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：两者都有event.clientX和event.clientY属性。
IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。
IE：有。
FF：没有。
通用：object.offsetLeft 和 object.offsetTop。
阅读更多…
之前一直使用IE Developer Toolsbar跟IEtester作为IE的兼容性调试工具，IETester主要用于CSS的调试，而IE Developer Toolsbar用户体验可谓不是一般的糟糕，加上IE Developer Toolsbar经常使自己正常的JS代码变得不正常，所以在IE下兼容性调试的工具没有什么好用的。
今天介绍这款SuperPreview for IE则是微软出品的免费IE兼容性调性工具，需要.NET Framework 3.5库支持。
SuperPreview for IE安装截图
加载中……
