理想情况下，您应该这样做：

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

或者，更好的是，您可以在HTML中使用默认的操作链接，并且在DOM渲染后通过JavaScript将onclick事件不显眼地添加到元素中，从而确保如果JavaScript不存在/未被利用，您不会有无用的事件处理程序来处理代码，并可能混淆（或至少分散您的注意力）实际内容。

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

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

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

如果您使用的是＜a＞元素，请使用以下命令：

<a href="javascript:myJSFunc();" />myLink</a>

就我个人而言，我会在稍后使用JavaScript附加一个事件处理程序（使用attachEvent或addEventListener，或者也可以将您最喜欢的JavaScript框架放在这里）。

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

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

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

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

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

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

答：这两种方法对网站加载的速度都没有明显的影响。

说明：嗯，两者都同样有效。主要区别与单击操作有关。第一种方法（）将地址栏中的URL更改为“#”。第二个方法（）将保持地址栏中的URL不变。因此，两者都很好去。

提示：最好使用第二种方法，即：（<a href=“javascript:void（0）”>），因为它是更有效的HTML，不会影响URL栏。

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

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