我使用以下方法

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

相反

<a href="javascript:void(0);" onclick="myJsFunc();">Link</a>

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

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

“#”将使用户返回页面顶部，因此我通常使用void（0）。

javascript：；其行为类似于javascript:void（0）；

2019年1月编辑

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

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

例子：

<a>previous</a>

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

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

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

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

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

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

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

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