javascript:;与javascript:void(0)使用介绍

就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。

 

来自 <http://www.jb51.net/article/37904.htm>

目前有如下几种解决办法：

1)点击链接后不做任何事情 

<a href="javascript：void(0);">test</a>
<a href="javascript：;">test</a>
<a href="####" >test</a> //使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的

 

2)点击链接后，响应用户自定义的点击事件

<a href="javascript：void(0)"onclick="doSomething()">test</a>
<a href="#" onclick="doSomething();return false;">什么问题都解决了,包括浏览器不兼容问题</a> //或者直接使用href=""
<a href="#"onclick="alert();event.returnValue=false;">test</a>

说明：

1.javascript：void(0)这种伪协议，少写的好，如果你看过一些web标准的书就知道为什么了。（不懂，原话摘的，暂做记录）

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

3.如果仅仅是想鼠标移过，变成手形，可以使用

<spanstyle="cursor:pointer" onclick="foo()">ClickMe!</span>  

​

void是javascript的操作符，意思是：只执行表达式，但没有返回值，

 

来自 <http://www.jb51.net/article/37904.htm>