javascript:void(0)的作用

 

转载自： javascript:void(0)的用法   http://www.studyofnet.com/news/31.html

 

在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，或者是跳到设置的锚点的地方，用户体验不好。

 

通常的用法为：

      

<a href="javascript:void(0)">单击此处看看效果</a>

 

实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议，是表示此链接不跳转到任何的地方。

 

用到javascript:void(0)的情况主要形式有以下几种：

 

//点击链接后不做任何事情 
 
1.<a href="javascript:void(0);" >test</a>   
2.<a href="javascript:;" >test</a>   
3.<a href="####" >test</a> //使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的  

//点击链接后，响应用户自定义的点击事件 
 
1.<a href="javascript:void(0)" οnclick="doSomething()">test</a>