Javascript的void(0)和图片切换问题

继续项目中遇到的问题，这次是Javascript的问题了，一般的情况下我们写下面这些代码来修改一张图片的现实内容

Code
1 <img id="TestImg" src="http://duoduosuki.wt199.gvk.cn/TaobaoImages/1a71161c-6137-47b2-ba6d-2b39b0ff3a86.jpg" />
2        <a href="javascript:void(0);" onclick="ChangePic();">换图</a>
3        <script type="text/javascript" language="javascript">
4        function ChangePic()
5        {
6            document.getElementById("TestImg").src = "http://duoduosuki.wt199.gvk.cn/TaobaoImages/738ee3c3-a3a3-438c-b6e0-c13bec51e3ea.jpg";
7        }
8        </script>

其实这样写从语法上面来讲是没有问题的，但是有的时候却不能正常的显示出图片，可是图片却明明的存在，地址也没有错误，为什么呢？

1 < a  href ="javascript:void(0);"  onclick ="ChangePic();" > 换图 </ a >

问题就出现在上面这句话的void(0);如果把上面的那些代码修改为

1 < img  id ="TestImg"  src ="http://duoduosuki.wt199.gvk.cn/TaobaoImages/1a71161c-6137-47b2-ba6d-2b39b0ff3a86.jpg"   />
2          < a  href ="javascript:ChangePic();" > 换图 </ a >
3          < script  type ="text/javascript"  language ="javascript" >
4        function ChangePic()
5        {
6            document.getElementById("TestImg").src = "http://duoduosuki.wt199.gvk.cn/TaobaoImages/738ee3c3-a3a3-438c-b6e0-c13bec51e3ea.jpg";
7        }
8         </ script >

就不会出现这样的问题
目前的解释可以认为是void(0)取消了图片加载的事件，所以如果涉及到图片的切换的时候需要注意这个问题。
同时这样的情况也存在于用innerHTML来替换图片的情况中。

但是也有人说是IE浏览器的问题，具体的我没有试验过，其实我到真的希望是这样，至少可以和客户解释为这个是IE的bug了，嘿嘿

转载于:https://www.cnblogs.com/duohahawuwu/archive/2008/06/24/1229241.html