不要将链接仅用于运行JavaScript。

使用href=“#”将页面滚动到顶部；使用void（0）会在浏览器中产生导航问题。

而是使用链接以外的元素：

<span onclick="myJsFunc()" class="funcActuator">myJsFunc</span>

并使用CSS设置样式：

.funcActuator { 
  cursor: default;
}

.funcActuator:hover { 
  color: #900;
}

只是为了抓住其他人提到的要点。

绑定事件'onload'或$（'document'）.ready{}要好得多；然后将JavaScript直接放入单击事件中。

在JavaScript不可用的情况下，我会使用一个href到当前URL，也许还会使用一个锚到链接的位置。该页面仍然可供没有JavaScript的人使用，因为他们不会注意到任何差异。

正如我所掌握的，这里有一些jQuery可能会有所帮助：

var [functionName] = function() {
   // do something
};

jQuery("[link id or other selector]").bind("click", [functionName]);

我看到了很多想继续使用#values for href的人的答案，因此，这里有一个答案，希望能让两个阵营都满意：

A） 我很高兴将javascript:void（0）作为我的href值：

<a href="javascript:void(0)" onclick="someFunc.call(this)">Link Text</a>

B） 我正在使用jQuery，并希望#作为我的href值：

<a href="#" onclick="someFunc.call(this)">Link Text</a>

<script type="text/javascript">
    /* Stop page jumping when javascript links are clicked.
       Only select links where the href value is a #. */
    $('a[href="#"]').live("click", function(e) {
         return false; // prevent default click action from happening!
         e.preventDefault(); // same thing as above
    });
</script>

注意，如果您知道链接不会动态创建，请改用单击功能：

$（'a[href=“#”]'）.click（函数（e）{

根据您想要完成的任务，您可以忘记onclick，只需使用href：

<a href="javascript:myJsFunc()">Link Text</a>

它避免了返回false的需要。我不喜欢#选项，因为如上所述，它会将用户带到页面顶部。如果你有其他地方可以发送用户，如果他们没有启用JavaScript（这在我工作的地方很少见，但这是一个非常好的主意），那么Steve提出的方法非常有效。

<a href="javascriptlessDestination.html" onclick="myJSFunc(); return false;">Link text</a>

最后，如果您不想任何人去任何地方，也不想调用javascript函数，那么可以使用javascript: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（），以确保单击按钮时它不会跟随链接。此选项称为优雅降级。

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

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