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>

巴特西

JavaScript 之取消 a 标签的默认行为

方式一

方式二

方式三

方式四

最新文章

热门文章

巴特西

JavaScript 之 取消 a 标签的默认行为

方式一

方式二

方式三

方式四

最新文章

热门文章

JavaScript 之取消 a 标签的默认行为