页面跳转到顶部onclick

Question

我在网站中间点击了<a href=“#“ onclick=“…

之类的代码

该功能效果很好，但是当我点击链接时，a href =“＃”让页面总是跳到顶部。有什么方法吗？

由于

Answer 1

只需将; return false;添加到onclick的末尾，例如：

<a href="#" onclick="alert('hello'); return false;">

编辑：Hemlock的答案是一个不错的选择，但另一个是两者的组合：

<a href="javascript:void(0)" onclick="alert('hello')">

这样做的好处是你明确地说<a>不应该对href做任何事情，而onclick事件处理程序是一个单独的属性。如果您以后决定使用JavaScript附加onclick处理程序而不是内联它（推荐），那么只需删除onclick属性即可。

Answer 2

替代方法

<a href="javascript: alert('hello'); void(0);"></a>

将javascript放入href中，并确保代码以void

的调用结束

Answer 3

添加

return false;

在onclick语句的末尾

即

<a href="#" onclick="alert('test'); return false;"> Click Here </a>

Answer 4

如果您想要一个执行某些javascript onclick的元素，则不应使用a标记。 a标记用于从一个页面导航到另一个页面。您应该使用span，然后您不必提供href属性。问题在于您为案例选择了错误的HTML元素。

<span onclick=""></span>