#比javascript：任何东西都好，但以下内容甚至更好：

HTML格式：

<a href="/gracefully/degrading/url/with/same/functionality.ext" class="some-selector">For great justice</a>

JavaScript：

$(function() {
    $(".some-selector").click(myJsFunc);
});

您应该始终努力实现优雅的降级（在用户没有启用JavaScript的情况下……以及在有规范和预算的情况下）。此外，在HTML中直接使用JavaScript属性和协议被认为是不好的形式。

我会使用：

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

原因：

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

最好使用jQuery，

$(document).ready(function() {
    $("a").css("cursor", "pointer");
});

并省略href=“#”和href=“javascript:void（0）”。

锚标记标记如下

<a onclick="hello()">Hello</a>

足够简单！

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

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

我使用javascript:void（0）。

三个原因。鼓励在开发人员团队中使用#不可避免地会导致一些人使用这样调用的函数的返回值：

function doSomething() {
    //Some code
    return false;
}

但是他们忘记了在onclick中使用return doSomething（），而只使用doSometthing（）。

避免#的第二个原因是最终返回为false；如果被调用的函数抛出错误，则不会执行。因此，开发人员还必须记住正确处理调用函数中的任何错误。

第三个原因是在某些情况下，onclick事件属性是动态分配的。我更希望能够调用函数或动态分配函数，而不必为一种或另一种连接方法专门编写函数代码。因此，我在HTML标记中的onclick（或任何东西）看起来像这样：

onclick="someFunc.call(this)"

OR

onclick="someFunc.apply(this, arguments)"

使用javascript:void（0）避免了上述所有麻烦，而且我还没有发现任何缺点的例子。

因此，如果你是一个独立的开发人员，那么你可以明确地做出自己的选择，但如果你是团队成员，你必须声明：

使用href=“#”，确保onclick始终包含return false；最后，任何被调用的函数都不会抛出错误，如果您将一个函数动态地附加到onclick属性，请确保它不会抛出错误并返回false。

OR

使用href=“javascript:void（0）”

第二种显然更容易沟通。

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