innerHTML插入图片有时不显示的问题

在使用javscript给某个div写字符串的时候, 使用 innerHTML="<img src='test.jpg'>";

调用的方式是

<a href="javascript:void(0)" onClick="document.getElementById('show').innerHTML='<img src=test.jpg>'">显示图片</a>

结果图片有时能显示, 有时不能显示.

经过多次实验, 终于发现原来问题在href="javascript:void(0)"这里, 只要把这个替换成href="#"就OK了, 不过原因不明.

总结：

1）链接（href）直接使用javascript:void(0)在IE中可能会引起一些问题，比如：造成gif动画停止播放 等，所以，最安全的办法还是使用“#”。为防止点击链接后跳转到页首，onclick事件return false即可。

 

2）在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新，不需要整体刷新时可以用void(0)