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

然后在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代码的方式，如弹出窗口或内容显示。

您也可以在锚点中编写如下提示：

<a href="javascript:void('open popup image')" onclick="return f()">...</a>

因此用户将知道该链接的作用。

您不应该在HTML中使用inline onclick=“something（）；”，以避免用无意义的代码污染它；所有单击绑定都必须在Javascript文件（*.js）中设置。

像这样设置绑定：$（“#myAnchor”）.click（function（）｛…**return false**；｝）；或$（'#myAnchor'）.bind（'click'，function（）{…**return false**；}）；

然后，您就可以轻松加载一个干净的HTML文件（并且seo友好），而无需数千href=“javascript:void（0）；”，只需href=“#”

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

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

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

javascript：void（0）将在将来弃用，因此您应该使用#。