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

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="#" onclick="myJsFunc();return false;">Link</a>

原因：

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

我基本上是在用渐进式增强来解释这篇实用文章。简单的答案是，您永远不会使用javascript:void（0）；或#，除非您的用户界面已经推断JavaScript已启用，在这种情况下，您应该使用JavaScript:void（0）；。此外，不要使用span作为链接，因为这在语义上是错误的。

在应用程序中使用SEO友好的URL路由，例如/Home/Action/Parameters也是一种很好的做法。如果你有一个链接到一个没有JavaScript的页面，你可以在之后增强体验。使用指向工作页面的真实链接，然后添加联机事件以增强演示。

这是一个示例。Home/ChangePicture是一个指向页面上的表单的工作链接，该表单带有用户界面和标准HTML提交按钮，但它被注入到带有jQueryUI按钮的模态对话框中看起来更好。无论哪种方式都有效，这取决于浏览器，满足移动优先开发。

<p><a href="Home/ChangePicture" onclick="return ChangePicture_onClick();" title="Change Picture">Change Picture</a></p>

<script type="text/javascript">
    function ChangePicture_onClick() {
        $.get('Home/ChangePicture',
              function (htmlResult) {
                  $("#ModalViewDiv").remove(); //Prevent duplicate dialogs
                  $("#modalContainer").append(htmlResult);
                  $("#ModalViewDiv").dialog({
                      width: 400,
                      modal: true,
                      buttons: {
                          "Upload": function () {
                              if(!ValidateUpload()) return false;
                              $("#ModalViewDiv").find("form").submit();
                          },
                          Cancel: function () { $(this).dialog("close"); }
                      },
                      close: function () { }
                  });
              }
        );
        return false;
    }
</script>

我想说，最好的方法是将href锚定到一个你从未使用过的ID上，比如#Do1Not2Use3This4Id5或类似的ID，你100%确信没有人会使用，也不会冒犯他人。

Javascript:void（0）是一个坏主意，违反了启用CSP的HTTPS页面上的内容安全策略https://developer.mozilla.org/en/docs/Security/CSP（感谢@jakub.g）仅使用#将使用户在按下时跳回到顶部如果未启用JavaScript，则不会破坏页面（除非您有JavaScript检测代码如果启用了JavaScript，则可以禁用默认事件除非你知道如何阻止浏览器选择某些文本，否则你必须使用href（不知道使用4是否会消除阻止浏览器选择文本的因素）

基本上没有人在这篇文章中提到5，我认为这很重要，因为如果你的网站突然开始围绕链接进行选择，它会显得不专业。

如果您使用的是＜a＞元素，请使用以下命令：

<a href="javascript:myJSFunc();" />myLink</a>

就我个人而言，我会在稍后使用JavaScript附加一个事件处理程序（使用attachEvent或addEventListener，或者也可以将您最喜欢的JavaScript框架放在这里）。

如果您使用链接来执行一些JavaScript代码（而不是使用D4V360这样的span），请执行以下操作：

<a href="javascript:(function()%7Balert(%22test%22)%3B%7D)()%3B">test</a>

如果您使用带有onclick的链接进行导航，请不要在JavaScript关闭时使用href=“#”作为回退。当用户单击链接时，这通常非常令人讨厌。相反，如果可能，请提供onclick处理程序将提供的相同链接。如果无法做到这一点，请跳过onclick，只需在href中使用JavaScript URI。