软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Ajax/JavaScript > 关于 href="#"和javascript:void(0) 的用法

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

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

    相关阅读
    栏目导航
    推荐软件