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

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

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

函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</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代码的方式，如弹出窗口或内容显示。

其他回答

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

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

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

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

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

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

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

只是为了抓住其他人提到的要点。

绑定事件'onload'或$（'document'）.ready{}要好得多；然后将JavaScript直接放入单击事件中。

在JavaScript不可用的情况下，我会使用一个href到当前URL，也许还会使用一个锚到链接的位置。该页面仍然可供没有JavaScript的人使用，因为他们不会注意到任何差异。

正如我所掌握的，这里有一些jQuery可能会有所帮助：

var [functionName] = function() {
   // do something
};

jQuery("[link id or other selector]").bind("click", [functionName]);

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

肯定hash（#）更好，因为在JavaScript中它是一个伪方案：

污染历史实例化引擎的新副本在全局范围内运行，不尊重事件系统。

当然，使用onclick处理程序防止默认操作的“#”更好。此外，唯一目的是运行JavaScript的链接并不是真正的“链接”，除非当出现问题时，您将用户发送到页面上某个合理的锚点（只需#将发送到顶部）。您可以简单地使用样式表模拟链接的外观，而完全不用考虑href。

此外，关于牛神的建议，特别是：。。。href=“javascript_required.html”onclick=“…这是一种很好的方法，但它没有区分“禁用javascript”和“onclick失败”场景。

推荐文章