我个人将它们结合使用。例如：

HTML

<a href="#">Link</a>

使用一点jQuery

$('a[href="#"]').attr('href','javascript:void(0);');

or

$('a[href="#"]').click(function(e) {
   e.preventDefault();
});

但我使用它只是为了防止用户单击空锚点时页面跳到顶部。我很少在HTML中直接使用onClick和其他on事件。

我的建议是将＜span＞元素与class属性一起使用，而不是锚。例如：

<span class="link">Link</span>

然后将函数分配给.link，其中包含一个封装在body中的脚本，该脚本位于</body>标记之前或外部JavaScript文档中。

<script>
    (function($) {
        $('.link').click(function() {
            // do something
        });
    })(jQuery);
</script>

*注意：对于动态创建的元素，请使用：

$('.link').on('click', function() {
    // do something
});

对于使用动态创建元素创建的动态创建元素，请使用：

$(document).on('click','.link', function() {
    // do something
});

然后，您可以将span元素设置为看起来像带有一点CSS的锚点：

.link {
    color: #0000ee;
    text-decoration: underline;
    cursor: pointer;
}
.link:active {
    color: red;
}

下面是上面提到的jsFiddle示例。

4.0之前的引导模式有一个基本上未记录的行为，即它们将使用AJAX从元素加载href，除非它们正好是#。如果您使用的是Bootstrap 3，javascript：void（0）；hrefs将导致javascript错误：

AJAX错误：错误GET javascript:void（0）；

在这些情况下，您需要升级到引导程序4或更改href。

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

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

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

这里实际上有四种选择。

使用return false；允许您保留锚版本，以防在禁用JavaScript的浏览器中出现安全的“回退”，或者用户代理不支持（现在用户的1-5%）。如果脚本失败，可以使用锚定符“#”、空字符串或href的特殊URL。请注意，您必须使用href，以便屏幕读者知道它是一个超链接。（注意：我不会讨论删除href属性的问题，因为这一点在这里没有意义。锚上没有href意味着锚不再是一个超链接，而只是一个html标记，上面有一个被捕获的点击事件。）

<a href="" onclick="alert('hello world!');return false;">My Link</a>
<a href="#" onclick="alert('hello world!');return false;">My Link</a>
<a href="MyFallbackURL.html" onclick="alert('hello world!');return false;">My Link</a>

下面是目前在href属性中使用javascript:void（0）的更流行的设计。如果浏览器不支持脚本，则应再次将其发布回页面，因为href超链接路径返回了一个空字符串。如果您不关心谁支持JavaScript，请使用此选项。

<a href="javascript:void(0);" onclick="alert('hello world!');">My Link</a>

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

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

我通常会去

<a href="javascript:;" onclick="yourFunction()">Link description</a>

它比javascript:void（0）短，并且做了同样的事情。