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

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

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

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

当前回答

最简单且最为大家所使用的是javascript:void（0）。您可以使用它来代替使用#来停止标记重定向到标题部分。

<a href="javascript:void(0)" onclick="testFunction();">Click To check Function</a>

function testFunction() {
    alert("hello world");
}

其他回答

根据您想要完成的任务，您可以忘记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 bla、bla、的输入工作量，我建议使用#self，。

让禁用JavaScript的用户可以访问您的网站很好，在这种情况下，href指向执行与正在执行的JavaScript相同操作的页面。否则，我使用带有“return false；”的“#”来阻止其他人提到的默认操作（滚动到页面顶部）。

在谷歌上搜索“javascript:void（0）”提供了有关此主题的大量信息。其中一些，比如这篇提到了不使用void（0）的原因。

#比javascript：任何东西都好，但以下内容甚至更好：

HTML格式：

<a href="/gracefully/degrading/url/with/same/functionality.ext" class="some-selector">For great justice</a>

JavaScript：

$(function() {
    $(".some-selector").click(myJsFunc);
});

您应该始终努力实现优雅的降级（在用户没有启用JavaScript的情况下……以及在有规范和预算的情况下）。此外，在HTML中直接使用JavaScript属性和协议被认为是不好的形式。

我使用以下方法

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

相反

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

推荐文章