javascript:void(0);与href="#" 的区别

编写js时仅通过点击链接仅触发事件而不需要返回值，一般通过这两个方式来实现：

第一种写法：

function myJsFunc() {
    alert("myJsFunc");
}
<a href="#" onclick="myJsFunc();">Run JavaScript Code</a>

或第二种写法：

function myJsFunc() {
    alert("myJsFunc");
}
 <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>

href="#"是个锚，默认指向最顶端。这种写法要保证myJsFunc()里或最后返回return false; 而javascript:void(0) 仅仅表示一个死链接。

即写成：

function myJsFunc() {
    alert("myJsFunc");
}
<a href="#" onclick="myJsFunc();return false;">Run JavaScript Code</a>

推荐第二种写法的比较多。

而第二种写法也很多变种：

1. 省去void(0)

<a href="javascript:;" onclick="myEvent()"

2. 直接写入jsFunction.但要保证myJSFunc()没有输出，否则可能会破坏页面。

<a href="javascript:void myJsFunc();">

 

新的变种用法：

$(document).ready(function() {
    $("a[href='#']").click(function(event) {
        event.preventDefault();
    });
});