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

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

dawei

【声明】:北京站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。