最简单且最为大家所使用的是javascript:void（0）。您可以使用它来代替使用#来停止标记重定向到标题部分。

<a href="javascript:void(0)" onclick="testFunction();">Click To check Function</a>

function testFunction() {
    alert("hello world");
}

理想情况下，您应该有一个真正的URL作为非JavaScript用户的回退。

如果这没有意义，请使用#作为href属性。我不喜欢使用onclick属性，因为它将JavaScript直接嵌入到HTML中。更好的方法是使用外部JS文件，然后将事件处理程序添加到该链接。然后，您可以阻止默认事件，以便在用户单击该事件后，URL不会更改为追加#。

我将href=“#”用于我希望为其设置虚拟行为的链接。然后我使用以下代码：

$(document).ready(function() {
    $("a[href='#']").click(function(event) {
        event.preventDefault();
    });
});

这意味着，如果href等于哈希（*=“#”），它将阻止默认链接行为，因此仍允许您为其编写功能，并且不会影响锚点单击。

这里还有一件更重要的事情要记住。第508节合规性。因此，我觉得有必要指出，您需要为JAWS等屏幕阅读器提供锚标记，以便能够通过选项卡将其聚焦。因此，解决方案“只使用JavaScript，忘记开头的锚”并不是其中的一个选项。只有当您无法让屏幕跳回到顶部时，才需要在href中启动JavaScript。您可以使用0秒的设置超时，让JavaScript在需要关注的地方启动，但即使是页面也会跳到顶部然后返回。

#比javascript：任何东西都好，但以下内容甚至更好：

HTML格式：

<a href="/gracefully/degrading/url/with/same/functionality.ext" class="some-selector">For great justice</a>

JavaScript：

$(function() {
    $(".some-selector").click(myJsFunc);
});

您应该始终努力实现优雅的降级（在用户没有启用JavaScript的情况下……以及在有规范和预算的情况下）。此外，在HTML中直接使用JavaScript属性和协议被认为是不好的形式。

因此，当您使用＜a/＞标记执行某些JavaScript操作时，如果您也放入href=“#”，则可以在事件末尾添加return false（如果是内联事件绑定），如：

<a href="#" onclick="myJsFunc(); return false;">Run JavaScript Code</a>

或者您可以使用JavaScript更改href属性，如：

<a href="javascript://" onclick="myJsFunc();">Run JavaScript Code</a>

or

<a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>

但从语义上讲，上述所有实现这一点的方法都是错误的（尽管它很好）。如果没有创建任何元素来导航页面，并且有一些JavaScript内容与之相关，那么它不应该是＜a＞标记。

您可以根据需要简单地使用＜button/＞来做事情或任何其他元素，如b、span或任何适合的元素，因为您可以在所有元素上添加事件。

因此，使用<a href=“#”>有一个好处。在执行a href=“#”时，默认情况下会在该元素上获得光标指针。为此，我认为您可以使用CSS，比如cursor:pointer；这也解决了这个问题。

最后，如果您从JavaScript代码本身绑定事件，那么如果您使用的是＜a＞标记，则可以使用event.prpreventDefault（）来实现这一点，但如果您没有使用＜a＞标签，则可以获得一个优势，您不需要这样做。

所以，如果你看到了，最好不要对这种东西使用标签。