JS之链接点击后不做任何事情(滚顶与不滚顶)

一、为什么要使用href="javascript:void(0);"

javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作

<a href="javascript：void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接

<a href="#" onclick="javascript:return false;"> 作用一样，但不同浏览器会有差异。

二、点击链接的操作

做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，例如

点击链接后不做任何事情，代码如下：

<a href="#" >test</a>   //点击链接，页面默认上滚到页的顶部，
                        //但可以加上 onclick="return false"，防止上滚到页的顶部

<a href="####" >test</a> //使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的。默认不上滚到页的顶部

<a href="javascript：void(0);" >test</a> //其中，javascript:void(0) 仅仅表示一个死链接，执行空事件
                                        //新浪微博写法

<a href="javascript：;" >test</a> //QQ空间写法