在javascript中使用“href”时，我还注意到一件事:

如果两次点击之间的时间差很短，“href”属性中的脚本将不会被执行。

例如，尝试运行下面的示例并双击每个链接(快!)。 第一个链接将只执行一次。 第二个链接将执行两次。

<script>
function myFunc() {
    var s = 0;
    for (var i=0; i<100000; i++) {
        s+=i;
    }
    console.log(s);
}
</script>
<a href="javascript:myFunc()">href</a>
<a href="#" onclick="javascript:myFunc()">onclick</a>

在Chrome(双击)和IE11(三次点击)中复制。 在Chrome中，如果你点击足够快，你可以点击10次，只有一个功能执行。

Firefox运行正常。

上面的答案是一个非常糟糕的做法，永远不要链接到空哈希，因为它可能会在后面产生问题。

最好的方法是将事件处理程序绑定到元素上，就像许多人所说的那样，但是<a href="javascript:doStuff();“>do stuff</a>在每个现代浏览器中都能完美地工作，我在渲染模板时广泛使用它，以避免为每个实例重新绑定。在某些情况下，这种方法提供了更好的性能。YMMV

另一个有趣的消息是....

Onclick和href在直接调用javascript时有不同的行为。

onclick将正确地传递这个上下文，而href不会，换句话说，<a href="javascript:doStuff(这个)">没有上下文</ >将不工作，而<a onclick="javascript:doStuff(此)">no context</a>将。

是的，我省略了href。虽然这并不符合规范，但它可以在所有浏览器中工作，尽管理想情况下，它应该包括一个href="javascript:void(0);"作为良好的衡量标准

首先，将url放在href中是最好的，因为它允许用户复制链接，在另一个选项卡中打开等等。

在某些情况下(例如HTML频繁变化的网站)，每次更新都绑定链接是不实际的。

典型绑定方法

正常的链接:

<a href="https://www.google.com/">Google<a/>

JS的代码是这样的:

$("a").click(function (e) {
    e.preventDefault();
    var href = $(this).attr("href");
    window.open(href);
    return false;
});

这种方法的好处是清晰地分离标记和行为，并且不必在每个链接中重复函数调用。

不绑定方法

然而，如果你不想每次都绑定，你可以使用onclick并传入元素和事件，例如:

<a href="https://www.google.com/" onclick="return Handler(this, event);">Google</a>

这是JS的:

function Handler(self, e) {
    e.preventDefault();
    var href = $(self).attr("href");
    window.open(href);
    return false;
}

这种方法的好处是你可以随时加载新链接(例如通过AJAX)，而不必担心每次都要绑定。

除此之外，href会显示在浏览器的状态栏上，而onclick则不会。我认为在那里显示javascript代码对用户不友好。

<a href="#" onclick="try{FUNCTION_YOU_WANT()}catch(e){}return false">click here</a>

我不敢相信13年后，所有这些答案在语义上都是错误的!一个锚元素<a>:

.．.使用它的href属性，创建一个超链接到网页，文件，电子邮件地址，同一页面中的位置，或任何其他URL可以地址。 每个链接中的内容应该指明链接的目的地。如果存在href属性，在聚焦于元素时按enter键将激活它。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

因此，在javascript中使用href=是一种糟糕的做法和糟糕的web语义。你应该在按钮元素上使用onclick=事件处理程序属性，如下所示:

HTML元素是一个交互式元素，由用户通过鼠标、键盘、手指、语音命令或其他辅助技术激活。一旦激活，它就会执行可编程操作，例如提交表单或打开对话框。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

事件处理程序onclick=:

所有事件处理程序属性接受一个字符串。该字符串将用于合成一个JavaScript函数，如function name(/args/) {body}，其中name是属性的名称，body是属性的值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes#event_handler_attributes

因为你不是导航到一个URL或链接目的地，而是触发一个Javascript函数，这样做的正确方法是使用onclick。如果你需要一个按钮上的锚标记的样式，只需使用CSS。

底线是:你能做并不意味着你就应该做。