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

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

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

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

当前回答

最好使用jQuery，

$(document).ready(function() {
    $("a").css("cursor", "pointer");
});

并省略href=“#”和href=“javascript:void（0）”。

锚标记标记如下

<a onclick="hello()">Hello</a>

足够简单！

其他回答

为了完整起见，这里还有一个选项，即使禁用了JavaScript，也可以阻止链接执行任何操作，而且很短：）

<a href="#void" onclick="myJsFunc()">Run JavaScript function</a>

如果该id不在页面上，则链接将不起作用。

一般来说，我同意Aaron Wagner的回答，JavaScript链接应该与JavaScript代码一起注入到文档中。

“#”将使用户返回页面顶部，因此我通常使用void（0）。

javascript：；其行为类似于javascript:void（0）；

您不应该在HTML中使用inline onclick=“something（）；”，以避免用无意义的代码污染它；所有单击绑定都必须在Javascript文件（*.js）中设置。

像这样设置绑定：$（“#myAnchor”）.click（function（）｛…**return false**；｝）；或$（'#myAnchor'）.bind（'click'，function（）{…**return false**；}）；

然后，您就可以轻松加载一个干净的HTML文件（并且seo友好），而无需数千href=“javascript:void（0）；”，只需href=“#”

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

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

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

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

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

我会使用：

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

原因：

这使得href变得简单，搜索引擎需要它。如果您使用其他任何东西（例如字符串），它可能会导致404未找到错误。当鼠标悬停在链接上时，它不会显示它是一个脚本。通过使用return false；，页面不会跳到顶部或断开后退按钮。

推荐文章