空白 href 的 # 井号哈希标签的替代方案？

Question

因此，我目前正在开发一个具有 jquery onClick 函数的网站。嗯，该链接是一个简单的 href="#"。

好吧，每次单击时，

1. # 符号都会附加到 URL
2. 网站导航到页面顶部

有更好的选择吗，还是我做错了什么？

Answer 1

在您的点击处理程序中，添加 return false;。

Answer 2

您的 onclick 函数需要有一个 return false 。或者你可以这样做：

<a href="#" onclick="doSomething();return false;">click</a>

Answer 3

我用这个作为替代方案

<a href="javascript:void(0)" onclick="doSomething();return false;">click</a>

Answer 4

有点晚了，但是如果您使用 jQuery，在事件处理程序中您可以使用

$("#myButton").on("click", function(e)
{
    // Whatever the button should do

    e.preventDefault();
});

e.preventDefault() 正是这样做的，它会阻止默认行为，即滚动到页面顶部（# 符号本身代表的意思）。

Answer 5

id 后面的哈希是指向具有所述 id 的锚标记的链接。如果锚标记不存在，它当然可以解释为什么它会到达页面顶部。