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

我使用javascript:void（0）。

三个原因。鼓励在开发人员团队中使用#不可避免地会导致一些人使用这样调用的函数的返回值：

function doSomething() {
    //Some code
    return false;
}

但是他们忘记了在onclick中使用return doSomething（），而只使用doSometthing（）。

避免#的第二个原因是最终返回为false；如果被调用的函数抛出错误，则不会执行。因此，开发人员还必须记住正确处理调用函数中的任何错误。

第三个原因是在某些情况下，onclick事件属性是动态分配的。我更希望能够调用函数或动态分配函数，而不必为一种或另一种连接方法专门编写函数代码。因此，我在HTML标记中的onclick（或任何东西）看起来像这样：

onclick="someFunc.call(this)"

OR

onclick="someFunc.apply(this, arguments)"

使用javascript:void（0）避免了上述所有麻烦，而且我还没有发现任何缺点的例子。

因此，如果你是一个独立的开发人员，那么你可以明确地做出自己的选择，但如果你是团队成员，你必须声明：

使用href=“#”，确保onclick始终包含return false；最后，任何被调用的函数都不会抛出错误，如果您将一个函数动态地附加到onclick属性，请确保它不会抛出错误并返回false。

OR

使用href=“javascript:void（0）”

第二种显然更容易沟通。

让禁用JavaScript的用户可以访问您的网站很好，在这种情况下，href指向执行与正在执行的JavaScript相同操作的页面。否则，我使用带有“return false；”的“#”来阻止其他人提到的默认操作（滚动到页面顶部）。

在谷歌上搜索“javascript:void（0）”提供了有关此主题的大量信息。其中一些，比如这篇提到了不使用void（0）的原因。

在五年前，链接</a>或链接</a href=“javascript:void（0）”onclick=“myJsFunc（）；”>Link</a>或者其他任何包含onclick属性的操作都是可以的，但现在可能是一种糟糕的做法。原因如下：

它促进了引人注目的JavaScript的实践——事实证明，这很难维护，也很难扩展。更多信息请参见Unobrusive JavaScript。你正在花时间编写令人难以置信的过于冗长的代码——这对你的代码库几乎没有好处（如果有的话）。现在有更好、更容易、更可维护和可扩展的方法来实现期望的结果。

低调的JavaScript方式

只是根本没有href属性！任何好的CSS重置都会处理掉丢失的默认光标样式，所以这不是问题。然后使用优雅而不引人注目的最佳实践来附加JavaScript功能，因为JavaScript逻辑保留在JavaScript中，而不是标记中，因此更易于维护。当您开始开发需要将逻辑拆分为黑盒组件和模板的大型JavaScript应用程序时，这一点至关重要。在大型JavaScript应用程序架构中了解更多信息

简单代码示例

//取消单击事件$（'.cancel action'）.click（function（）{alert（'取消操作发生！'）；});//Internet Explorer 6和Internet Explorer 7的悬停垫片。$（document.body）.on（'over'，'a'，function（）{$（this）.tggleClass（'over'）；});｛光标：指针；颜色：蓝色；｝a： 悬停，a.hover｛文本装饰：下划线；｝<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><a class=“cancel action”>取消此操作</a>

黑框Backbone.js示例

有关可扩展的、黑框的Backbone.js组件示例，请参阅此处的jsfiddle示例。请注意我们如何利用不引人注目的JavaScript实践，并且在少量代码中有一个组件可以在页面上重复多次，而不会在不同的组件实例之间产生副作用或冲突。太神了

笔记

省略a元素上的href属性将导致无法使用tab键导航访问该元素。如果希望通过tab键访问这些元素，可以设置tabindex属性，或者使用button元素。您可以很容易地将按钮元素设置为看起来像Tracker1的答案中提到的普通链接。省略a元素上的href属性将导致InternetExplorer6和InternetExplorer7不采用a:hover样式，这就是为什么我们添加了一个简单的JavaScript填充程序来通过a.hover实现这一点。这是完全可以的，如果你没有href属性，没有优雅的降级，那么你的链接无论如何都不会工作，你会有更大的问题需要担心。如果您希望在禁用JavaScript的情况下仍能执行操作，那么可以使用带有href属性的a元素，该元素指向某个URL，该URL将手动执行操作，而不是通过Ajax请求或其他方式执行操作。如果您正在执行此操作，则需要确保在单击调用中执行event.prpreventDefault（），以确保单击按钮时它不会跟随链接。此选项称为优雅降级。

您也可以在锚点中编写如下提示：

<a href="javascript:void('open popup image')" onclick="return f()">...</a>

因此用户将知道该链接的作用。

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

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

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