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

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示例。

2019年1月编辑

在HTML5中，使用没有href属性的a元素是有效的。它被认为是“占位符超链接”

如果a元素没有href属性，则该元素表示一个占位符，如果链接是相关的，则该占位符可能是放置链接的位置，仅包含元素的内容。

例子：

<a>previous</a>

如果在此之后，您希望执行其他操作：

1-如果你的链接不到任何地方，不要使用＜a＞元素。使用<span>或其他合适的工具，并添加CSS:hover以根据您的需要设置其样式。

2-使用javascript:void（0）OR javascript:undefined OR javascript:；如果你想要原始、精确和快速。

如果你问我，也不会；

如果您的“链接”仅用于运行某些JavaScript代码，则它不符合链接的资格；我建议使用带有onclick处理程序的＜span＞标记和一些基本CSS来模拟链接。链接是用于导航的，如果您的JavaScript代码不是用于导航，那么它不应该是一个＜a＞标记。

例子：

函数callFunction（）｛console.log（“函数调用”）；｝.js操作{光标：指针；颜色：#00f；文本装饰：下划线；}<p>我想在这里调用JavaScript函数</p＞

我认为你提出了一个错误的二分法。这不是唯一的两个选项。

我同意D4V360先生的观点，他建议，即使您使用的是锚标记，但这里并没有真正的锚。您所拥有的只是文档的一个特殊部分，其行为应该略有不同。＜span＞标记更合适。

这里实际上有四种选择。

使用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>

这里还有一件更重要的事情要记住。第508节合规性。因此，我觉得有必要指出，您需要为JAWS等屏幕阅读器提供锚标记，以便能够通过选项卡将其聚焦。因此，解决方案“只使用JavaScript，忘记开头的锚”并不是其中的一个选项。只有当您无法让屏幕跳回到顶部时，才需要在href中启动JavaScript。您可以使用0秒的设置超时，让JavaScript在需要关注的地方启动，但即使是页面也会跳到顶部然后返回。