根据您想要完成的任务，您可以忘记onclick，只需使用href：

<a href="javascript:myJsFunc()">Link Text</a>

它避免了返回false的需要。我不喜欢#选项，因为如上所述，它会将用户带到页面顶部。如果你有其他地方可以发送用户，如果他们没有启用JavaScript（这在我工作的地方很少见，但这是一个非常好的主意），那么Steve提出的方法非常有效。

<a href="javascriptlessDestination.html" onclick="myJSFunc(); return false;">Link text</a>

最后，如果您不想任何人去任何地方，也不想调用javascript函数，那么可以使用javascript:void（0）。如果您有一个想要发生鼠标悬停事件的图像，但没有任何内容可供用户单击，那么它会非常有用。

不要将链接仅用于运行JavaScript。

使用href=“#”将页面滚动到顶部；使用void（0）会在浏览器中产生导航问题。

而是使用链接以外的元素：

<span onclick="myJsFunc()" class="funcActuator">myJsFunc</span>

并使用CSS设置样式：

.funcActuator { 
  cursor: default;
}

.funcActuator:hover { 
  color: #900;
}

答：这两种方法对网站加载的速度都没有明显的影响。

说明：嗯，两者都同样有效。主要区别与单击操作有关。第一种方法（）将地址栏中的URL更改为“#”。第二个方法（）将保持地址栏中的URL不变。因此，两者都很好去。

提示：最好使用第二种方法，即：（<a href=“javascript:void（0）”>），因为它是更有效的HTML，不会影响URL栏。

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

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的情况下使用一个真正的链接。只需确保返回false，以防止在JavaScript执行时触发单击事件。

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

如果您使用Angular2，则此方法有效：

<a[routerLink]=“”（单击）=“passTheSalt（）”>单击我</a>。

请参见此处https://stackoverflow.com/a/45465728/2803344