通常，您应该始终有一个回退链接，以确保禁用JavaScript的客户端仍然具有某些功能。这个概念被称为不引人注目的JavaScript。

实例假设您有以下搜索链接：

<a href="search.php" id="searchLink">Search</a>

您始终可以执行以下操作：

var link = document.getElementById('searchLink');

link.onclick = function() {
    try {
        // Do Stuff Here        
    } finally {
        return false;
    }
};

这样，禁用JavaScript的用户将被引导到search.php，而使用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>

这里实际上有四种选择。

使用return false；允许您保留锚版本，以防在禁用JavaScript的浏览器中出现安全的“回退”，或者用户代理不支持（现在用户的1-5%）。如果脚本失败，可以使用锚定符“#”、空字符串或href的特殊URL。请注意，您必须使用href，以便屏幕读者知道它是一个超链接。（注意：我不会讨论删除href属性的问题，因为这一点在这里没有意义。锚上没有href意味着锚不再是一个超链接，而只是一个html标记，上面有一个被捕获的点击事件。）

<a href="" onclick="alert('hello world!');return false;">My Link</a>
<a href="#" onclick="alert('hello world!');return false;">My Link</a>
<a href="MyFallbackURL.html" onclick="alert('hello world!');return false;">My Link</a>

下面是目前在href属性中使用javascript:void（0）的更流行的设计。如果浏览器不支持脚本，则应再次将其发布回页面，因为href超链接路径返回了一个空字符串。如果您不关心谁支持JavaScript，请使用此选项。

<a href="javascript:void(0);" onclick="alert('hello world!');">My Link</a>

您可以在这里使用javascript:void（0），而不是使用#来停止锚标记重定向到标头部分。

function helloFunction() {
    alert("hello world");
}
<a href="javascript:void(0)" onclick="helloFunction();">Call Hello Function</a>

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

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

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

我同意其他地方的建议，即应该在href属性中使用常规URL，然后在onclick中调用一些JavaScript函数。缺陷在于，它们在调用后自动添加return false。

这种方法的问题是，如果函数无法工作或出现任何问题，链接将变得不可点击。Onclick事件将始终返回false，因此不会调用正常的URL。

有一个非常简单的解决方案。如果函数工作正常，则返回true。然后使用返回的值确定是否应取消单击：

JavaScript

function doSomething() {
    alert( 'you clicked on the link' );
    return true;
}

HTML

<a href="path/to/some/url" onclick="return !doSomething();">link text</a>

注意，我否定了doSomething（）函数的结果。如果它有效，它将返回true，因此它将被否定（false），路径/to/some/URL将不会被调用。如果函数返回false（例如，浏览器不支持函数中使用的内容或其他任何错误），则将其否定为true，并调用路径/to/some/URL。