我应该为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>

足够简单！

其他回答

当我有几个人造链接时，我更喜欢给它们一个“没有链接”的类。

然后在jQuery中，我添加了以下代码：

$(function(){
   $('.no-link').click(function(e){
       e.preventDefault();
   });
});

对于HTML，链接简单

<a href="/" class="no-link">Faux-Link</a>

我不喜欢使用哈希标签，除非它们用于锚点，并且只有当我有两个以上的虚假链接时，我才会使用上面的方法，否则我会使用javascript：void（0）。

<a href="javascript:void(0)" class="no-link">Faux-Link</a>

通常情况下，我喜欢完全避免使用链接，只在一个跨度中包装一些东西，并将其用作激活某些JavaScript代码的方式，如弹出窗口或内容显示。

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

您也可以在锚点中编写如下提示：

<a href="javascript:void('open popup image')" onclick="return f()">...</a>

因此用户将知道该链接的作用。

也不

如果您可以有一个实际的URL，请将其用作HREF。如果有人中间点击你的链接打开一个新的标签，或者他们禁用了JavaScript，onclick就不会启动。

如果这是不可能的，那么您至少应该使用JavaScript和适当的单击事件处理程序将锚标记注入到文档中。

我意识到这并不总是可能的，但在我看来，在开发任何公共网站时都应该努力做到这一点。

查看Unobrusive JavaScript和Progressive增强（两个维基百科）。

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

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

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

推荐文章