关于 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>

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

（编辑：上海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!