点击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>