程序员人生 网站导航

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

栏目:jscript时间:2014-03-30 09:14:47

通常我们将不做导向的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>

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐