點擊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>

​