duohahawuwu~问题的价值

导航

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

继续项目中遇到的问题,这次是Javascript的问题了,一般的情况下我们写下面这些代码来修改一张图片的现实内容
Code
其实这样写从语法上面来讲是没有问题的,但是有的时候却不能正常的显示出图片,可是图片却明明的存在,地址也没有错误,为什么呢?
1<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        <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了,嘿嘿

posted on 2008-06-24 22:48  duohahawuwu  阅读(1369)  评论(0)    收藏  举报