点击a标签阻止页面跳转的两种方法

点击a标签阻止页面跳转的两种方法

1. 给 a标签注册事件

注册onclick事件并返回false

```

 <a href="#" id="link">测试链接</a>
 <script>
 var link = document.getElementById("link");
 //link.onclick() 表示调用onclick方法
 link.onclick = function () {
   alert("超链接被点击，我不想跳转到指定界面");
   
   //想让a标签不跳转，给a标签的onclick事件返回false
   return false;
 }

```

​

1. 给a标签添加javascript:void(0)

javascript是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，防止链接跳转到其他页面。让页面不跳转，javascript:void(0)是最通用方式。

<a href="javascript:void(0)">不跳转的a标签</a>

​