JavaScript 之 取消 a 標簽的默認行為

方式一

　　語法格式：

<a href="javascript:;">百度</a>

　　javascript: 是一個偽協議，其他的偽協議還有 mail:  tel:  file:  等等。

　  javascript:是表示在觸發<a>默認動作時，執行一段JavaScript代碼，而 javascript:; 表示什么都不執行，這樣點擊<a>時就沒有任何反應。

方式二

　　語法格式：

<a href="javascript:void(0)">百度</a>

　　void 是JavaScript 的一個運算符，void(0)就是什么都不做的意思，這樣點擊 a 標簽不會跳出任何鏈接中。

方式三

　　語法格式：

<a id='a' href=URL>百度</a>
<script>
    var a = document.getElementById('a');
    a.onclick = function() {
       // 方法體
       return false；
    }
</script>

　　為 a 標簽綁定一個點擊事件，事件的返回值為 false ，這樣 a 鏈接就不會跳轉。

方式四

　　語法格式：

<a id="a" href="http://www.baidu.com">百度</a>
<script>
    var a = document.getElementById("a");
    a.onclick = function(e) {
       // 方法體
       e.preventDefault            // DOM標准取消默認行為的方法，IE老版本不支持

       e.returnValue = false;    // IE 的老版本，非標准方式，取消默認行為
    }
</script>