我应该为JavaScript链接使用哪个“href”值，“#”或“JavaScript:void（0）”？

以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？

函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>

函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>

当前回答

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

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

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

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

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

其他回答

如果您恰好使用AngularJS，可以使用以下选项：

<a href="">Do some fancy JavaScript</a>

这不会有任何作用。

此外

它不会像（#）那样将您带到页面顶部因此，您不需要使用JavaScript显式返回false它简短而简洁

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

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

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

如果你问我，也不会；

如果您的“链接”仅用于运行某些JavaScript代码，则它不符合链接的资格；我建议使用带有onclick处理程序的＜span＞标记和一些基本CSS来模拟链接。链接是用于导航的，如果您的JavaScript代码不是用于导航，那么它不应该是一个＜a＞标记。

例子：

函数callFunction（）｛console.log（“函数调用”）；｝.js操作{光标：指针；颜色：#00f；文本装饰：下划线；}<p>我想在这里调用JavaScript函数</p＞

因此，当您使用＜a/＞标记执行某些JavaScript操作时，如果您也放入href=“#”，则可以在事件末尾添加return false（如果是内联事件绑定），如：

<a href="#" onclick="myJsFunc(); return false;">Run JavaScript Code</a>

或者您可以使用JavaScript更改href属性，如：

<a href="javascript://" onclick="myJsFunc();">Run JavaScript Code</a>

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

但从语义上讲，上述所有实现这一点的方法都是错误的（尽管它很好）。如果没有创建任何元素来导航页面，并且有一些JavaScript内容与之相关，那么它不应该是＜a＞标记。

您可以根据需要简单地使用＜button/＞来做事情或任何其他元素，如b、span或任何适合的元素，因为您可以在所有元素上添加事件。

因此，使用<a href=“#”>有一个好处。在执行a href=“#”时，默认情况下会在该元素上获得光标指针。为此，我认为您可以使用CSS，比如cursor:pointer；这也解决了这个问题。

最后，如果您从JavaScript代码本身绑定事件，那么如果您使用的是＜a＞标记，则可以使用event.prpreventDefault（）来实现这一点，但如果您没有使用＜a＞标签，则可以获得一个优势，您不需要这样做。

所以，如果你看到了，最好不要对这种东西使用标签。

推荐文章