阻止a标签跳转的5种方法

阻止a标签的默认跳转行为，给 a 标签的返回添加一个false

1、在标签里面添加点击事件，直接 return false

<a href="https://www.jd.com" onclick="alert('哈哈');return false;">跳转1</a>

2、在函数内直接return false （用的最多）

<a href="https://www.jd.com" id='link2'>跳转2</a>
<script>
 let link2 = document.getElementById('link2');
 link2.onclick = function(){
 alert('呵呵');
 return false;
}
</script>

3、这种方法类似2，在函数内return false 然后a再调用，调用没有括号

<a href="https://www.jd.com" id='link3'>跳转3</a>
<script>
 let link3 = document.getElementById('link3');
 link2.onclick =text;                         //注意这里不加括号
 function text(){
 alert('呵呵');
 return false;
}
</script>

4、点击a,调用test方法,得到的false返回值再返回给a标签

<a href="https://www.jd.com" onclick="return test()" id="link4">跳转4</a>
<script>
 function text(){
 alert('呵呵');
 return false;
}
</script>

5、京东网站的写法，很常用

<a href="javascript:void(0);" onclick="test()" id="link5">跳转5</a>