我使用以下方法

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

相反

<a href="javascript:void(0);" onclick="myJsFunc();">Link</a>

4.0之前的引导模式有一个基本上未记录的行为，即它们将使用AJAX从元素加载href，除非它们正好是#。如果您使用的是Bootstrap 3，javascript：void（0）；hrefs将导致javascript错误：

AJAX错误：错误GET javascript:void（0）；

在这些情况下，您需要升级到引导程序4或更改href。

不要忽视这样一个事实，即您的URL可能是必需的——在引用之后会触发onclick，因此有时您需要在导航离开页面之前处理客户端的某些内容。

第一个，最好是在用户禁用JavaScript的情况下使用一个真正的链接。只需确保返回false，以防止在JavaScript执行时触发单击事件。

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

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

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

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

如果您使用链接来执行一些JavaScript代码（而不是使用D4V360这样的span），请执行以下操作：

<a href="javascript:(function()%7Balert(%22test%22)%3B%7D)()%3B">test</a>

如果您使用带有onclick的链接进行导航，请不要在JavaScript关闭时使用href=“#”作为回退。当用户单击链接时，这通常非常令人讨厌。相反，如果可能，请提供onclick处理程序将提供的相同链接。如果无法做到这一点，请跳过onclick，只需在href中使用JavaScript URI。

根据您想要完成的任务，您可以忘记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）。如果您有一个想要发生鼠标悬停事件的图像，但没有任何内容可供用户单击，那么它会非常有用。