也不

如果您可以有一个实际的URL，请将其用作HREF。如果有人中间点击你的链接打开一个新的标签，或者他们禁用了JavaScript，onclick就不会启动。

如果这是不可能的，那么您至少应该使用JavaScript和适当的单击事件处理程序将锚标记注入到文档中。

我意识到这并不总是可能的，但在我看来，在开发任何公共网站时都应该努力做到这一点。

查看Unobrusive JavaScript和Progressive增强（两个维基百科）。

我基本上是在用渐进式增强来解释这篇实用文章。简单的答案是，您永远不会使用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 href="javascript:void('open popup image')" onclick="return f()">...</a>

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

2019年1月编辑

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

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

例子：

<a>previous</a>

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

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

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

在现代网站上，如果元素只执行JavaScript功能（而不是真正的链接），则应避免使用href。

为什么？此元素的存在告诉浏览器这是一个与目的地的链接。这样，浏览器将显示“在新选项卡/窗口中打开”功能（使用shift+单击时也会触发）。这样做将导致在没有触发所需功能的情况下打开同一页面（导致用户沮丧）。

关于IE：从IE8开始，如果设置了doctype，元素样式（包括悬停）就会起作用。IE的其他版本真的不用担心了。

唯一的缺点：删除HREF将删除tabindex。为了克服这个问题，您可以使用样式为链接的按钮或使用JS添加tabindex属性。

我将href=“#”用于我希望为其设置虚拟行为的链接。然后我使用以下代码：

$(document).ready(function() {
    $("a[href='#']").click(function(event) {
        event.preventDefault();
    });
});

这意味着，如果href等于哈希（*=“#”），它将阻止默认链接行为，因此仍允许您为其编写功能，并且不会影响锚点单击。