我会使用：

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

原因：

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

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

老实说，我两个都不建议。我会使用一个样式化的＜button＞＜/button＞来实现该行为。

按钮链接{显示：内联块；位置：相对；背景色：透明；光标：指针；边框：0；填充：0；颜色：#00f；文本装饰：下划线；字体：inherit；}<p>一个看起来像＜button type=“button”class=“link”＞链接</button＞的按钮</p＞

这样您就可以分配onclick。我还建议通过脚本绑定，而不是在元素标记上使用onclick属性。唯一的问题是旧IE中无法禁用的伪3d文本效果。

如果必须使用A元素，请使用javascript:void（0）；由于已经提到的原因。

如果onclick事件失败，将始终进行拦截。不会发生错误的加载调用，或基于哈希更改触发其他事件如果单击失败（onclick throws），哈希标记可能会导致意外行为，除非这是一个适当的失败行为，并且您希望更改导航历史记录，否则请避免它。

注意：您可以将0替换为javascript：void（'删除记录123'）之类的字符串，它可以作为一个额外的指示符，显示单击的实际操作。

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

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

理想情况下，您应该有一个真正的URL作为非JavaScript用户的回退。

如果这没有意义，请使用#作为href属性。我不喜欢使用onclick属性，因为它将JavaScript直接嵌入到HTML中。更好的方法是使用外部JS文件，然后将事件处理程序添加到该链接。然后，您可以阻止默认事件，以便在用户单击该事件后，URL不会更改为追加#。

当我有几个人造链接时，我更喜欢给它们一个“没有链接”的类。

然后在jQuery中，我添加了以下代码：

$(function(){
   $('.no-link').click(function(e){
       e.preventDefault();
   });
});

对于HTML，链接简单

<a href="/" class="no-link">Faux-Link</a>

我不喜欢使用哈希标签，除非它们用于锚点，并且只有当我有两个以上的虚假链接时，我才会使用上面的方法，否则我会使用javascript：void（0）。

<a href="javascript:void(0)" class="no-link">Faux-Link</a>

通常情况下，我喜欢完全避免使用链接，只在一个跨度中包装一些东西，并将其用作激活某些JavaScript代码的方式，如弹出窗口或内容显示。