Javascript的void(0)和图片切换问题
继续项目中遇到的问题,这次是Javascript的问题了,一般的情况下我们写下面这些代码来修改一张图片的现实内容
Code
其实这样写从语法上面来讲是没有问题的,但是有的时候却不能正常的显示出图片,可是图片却明明的存在,地址也没有错误,为什么呢?
目前的解释可以认为是void(0)取消了图片加载的事件,所以如果涉及到图片的切换的时候需要注意这个问题。
同时这样的情况也存在于用innerHTML来替换图片的情况中。
但是也有人说是IE浏览器的问题,具体的我没有试验过,其实我到真的希望是这样,至少可以和客户解释为这个是IE的bug了,嘿嘿

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>
就不会出现这样的问题
2

3

4

5

6

7

8

目前的解释可以认为是void(0)取消了图片加载的事件,所以如果涉及到图片的切换的时候需要注意这个问题。
同时这样的情况也存在于用innerHTML来替换图片的情况中。
但是也有人说是IE浏览器的问题,具体的我没有试验过,其实我到真的希望是这样,至少可以和客户解释为这个是IE的bug了,嘿嘿
posted on 2008-06-24 22:48 duohahawuwu 阅读(1369) 评论(0) 收藏 举报