我看到了很多想继续使用#values for href的人的答案，因此，这里有一个答案，希望能让两个阵营都满意：

A） 我很高兴将javascript:void（0）作为我的href值：

<a href="javascript:void(0)" onclick="someFunc.call(this)">Link Text</a>

B） 我正在使用jQuery，并希望#作为我的href值：

<a href="#" onclick="someFunc.call(this)">Link Text</a>

<script type="text/javascript">
    /* Stop page jumping when javascript links are clicked.
       Only select links where the href value is a #. */
    $('a[href="#"]').live("click", function(e) {
         return false; // prevent default click action from happening!
         e.preventDefault(); // same thing as above
    });
</script>

注意，如果您知道链接不会动态创建，请改用单击功能：

$（'a[href=“#”]'）.click（函数（e）{

老实说，我两个都不建议。我会使用一个样式化的＜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'）之类的字符串，它可以作为一个额外的指示符，显示单击的实际操作。

为了完整起见，这里还有一个选项，即使禁用了JavaScript，也可以阻止链接执行任何操作，而且很短：）

<a href="#void" onclick="myJsFunc()">Run JavaScript function</a>

如果该id不在页面上，则链接将不起作用。

一般来说，我同意Aaron Wagner的回答，JavaScript链接应该与JavaScript代码一起注入到文档中。

我基本上是在用渐进式增强来解释这篇实用文章。简单的答案是，您永远不会使用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>

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

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

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

我想说，最好的方法是将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，我认为这很重要，因为如果你的网站突然开始围绕链接进行选择，它会显得不专业。