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 >百度</a>
<script>
    var a = document.getElementById("a");
    a.onclick = function(e) {
       // 方法体
       e.preventDefault            // DOM标准取消默认行为的方法,IE老版本不支持

       e.returnValue = false;    // IE 的老版本,非标准方式,取消默认行为
    }
</script>