如何禁止a标签跳转页面

方法一:

让href的值为javascript:;

<a href="javascript:;">点击不会跳转</a>

方法二:

让点击事件直接返回false

<a href="#" onclick="return false">点击不会跳转</a>

方法三:

通过js阻止默认行为

<a href="#" id="test">点击不跳转</a>
<script>
   document.querySelector('#test').onclick = function(e){
       e.preventDefault()
   }
</script>

方法四:

通过css让元素不响应任何鼠标事件

<a href="#" style="pointer-events: none">点击不跳转</a>