a链接中href="#"与javascript:void(0)

前言

项目中，有时会需要保留a标签自带的样式，同时去除a标签点击跳转的事件，我们会使用到href="#"与javascript:void(0)两种方法。

<a href="#" target="_blank"></a>
<a href="javascript:void(0);" target="_blank"></a>

href="#"

其实也是空连接的意思，但是点击之后会自动跳转到页面的最上面，因为用了这个方法就相当于点击了一个锚记，但是这个锚记又没写ID，所以就默认跳转到页面顶部。

javascript:void(0)

void是一个操作符，这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0（void(0)），则什么也不执行，从而也就形成了一个空链接。

href="#"与javascript:void(0)的区别

href="#"与javascript:void(0)的区别也很明显，#方法会跳转到页面的顶部，并且在页面URL后面会出现#，而javascript:void(0)方法不会，所以如果是空连接的话，还是推荐javascript:void(0)。