有时候，我们需要实现a标签点击不跳转页不会跳转到顶部的功能，那怎么处理呢，下面先列举一下a标签点击不跳转的集中方式，这里推荐使用第2种，当然第3种也可以，不推荐使用第4种会自动定位到顶部，让人有页面刷新既视感！

1、onclick事件中返回false

<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a>

2、 用href=”javascript:void(0)”这种伪协议；

最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。

a href="javascript:void(0);" onclick="js_method()"

3.利用空代码

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

a href="javascript:;" onclick="js_method()"

4、使用 (#)

<a href="#" class="demo" onclick="del()" >删除</a>。//总是跳转到当前页面顶部，当页面内容较多时，还是会有跳转的感觉。不推荐使用

参考：https://www.cnblogs.com/-wenli/p/10498055.html