关于 href="#"和javascript:void(0) 的用法

通常我们将不做导向的a标签的href属性设置为#

1 <a href="#">删除</a>

比如我们做无刷新添加和删除的时候，我们不需要这个链接做任何导向，而是点击这个链接后执行一串javascript代码
但是当a标签的位置超出了页面滚动条的时候，我们点击这个链接的，确实没有任何导向，但是页面却回到了顶部。
这一点很不好，可以说用户体验相当差
原因是#可以当成是一个锚链接，当我们点击

1 <a href="#">删除</a>

后，页面就被导航到了顶部

那么该怎样来解决这个问题呢？
我们可以将代码改成这样

1 <a href="javascript:void(0)">删除</a>

或者

1 <a href="javascript:return false">删除</a>

即使页面超出了滚动条，当我们点击链接的时候，页面不会回到顶部。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠