因此，当您使用＜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＞标签，则可以获得一个优势，您不需要这样做。

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

您可以使用href并删除所有只有哈希值的链接：

HTML格式：

<a href="#" onclick="run_foo()"> foo </a>

JS:

$(document).ready(function(){         // on DOM ready or some other event

   $('a[href=#]').attr('href','');    // set all reference handles to blank strings
                                      //  for anchors that have only hashes

});

我想说，最好的方法是将href锚定到一个你从未使用过的ID上，比如#Do1Not2Use3This4Id5或类似的ID，你100%确信没有人会使用，也不会冒犯他人。

Javascript:void（0）是一个坏主意，违反了启用CSP的HTTPS页面上的内容安全策略https://developer.mozilla.org/en/docs/Security/CSP（感谢@jakub.g）仅使用#将使用户在按下时跳回到顶部如果未启用JavaScript，则不会破坏页面（除非您有JavaScript检测代码如果启用了JavaScript，则可以禁用默认事件除非你知道如何阻止浏览器选择某些文本，否则你必须使用href（不知道使用4是否会消除阻止浏览器选择文本的因素）

基本上没有人在这篇文章中提到5，我认为这很重要，因为如果你的网站突然开始围绕链接进行选择，它会显得不专业。

不要忽视这样一个事实，即您的URL可能是必需的——在引用之后会触发onclick，因此有时您需要在导航离开页面之前处理客户端的某些内容。

我会使用：

<a href="#" onclick="myJsFunc();return false;">Link</a>

原因：

这使得href变得简单，搜索引擎需要它。如果您使用其他任何东西（例如字符串），它可能会导致404未找到错误。当鼠标悬停在链接上时，它不会显示它是一个脚本。通过使用return false；，页面不会跳到顶部或断开后退按钮。

我强烈希望尽可能将JavaScript排除在HTML标记之外。如果我使用<a>作为单击事件处理程序，那么我建议使用<a class=“trigger”href=“#”>单击我</a> 。

$('.trigger').click(function (e) {
    e.preventDefault();
    // Do stuff...
});

需要注意的是，许多开发人员认为，使用锚标记来处理点击事件是不好的。他们希望您使用带有一些CSS的＜span＞或＜div＞来添加游标：指针；这是一个争论不休的问题。