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>    

　　

 

转载于:https://www.cnblogs.com/niujifei/p/11411295.html