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

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

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

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

当前回答

不要将链接仅用于运行JavaScript。

使用href=“#”将页面滚动到顶部；使用void（0）会在浏览器中产生导航问题。

而是使用链接以外的元素：

<span onclick="myJsFunc()" class="funcActuator">myJsFunc</span>

并使用CSS设置样式：

.funcActuator { 
  cursor: default;
}

.funcActuator:hover { 
  color: #900;
}

其他回答

理想情况下，您应该有一个真正的URL作为非JavaScript用户的回退。

如果这没有意义，请使用#作为href属性。我不喜欢使用onclick属性，因为它将JavaScript直接嵌入到HTML中。更好的方法是使用外部JS文件，然后将事件处理程序添加到该链接。然后，您可以阻止默认事件，以便在用户单击该事件后，URL不会更改为追加#。

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

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

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

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

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

为了完全符合整体情绪，在需要时使用void（0），在需要的时候使用有效的URL。

使用URL重写，您可以禁用URL，这些URL不仅可以执行JavaScript所需的操作，还可以确切地告诉您它将要执行的操作。

<a href="./Readable/Text/URL/Pointing/To/Server-Side/Script" id="theLinkId">WhyClickHere</a>

在服务器端，您只需解析URL和查询字符串并执行所需的操作。如果您聪明，可以允许服务器端脚本以不同的方式响应Ajax和标准请求。允许您使用简洁的集中代码来处理页面上的所有链接。

URL重写教程

Pros

在状态栏中显示通过JavaScript中的onclick处理程序轻松升级到Ajax实际评论本身防止目录中充斥着一次性使用的HTML文件

Cons

在JavaScript中仍应使用event.prpreventDefault（）服务器端的路径处理和URL解析相当复杂。

我相信还有很多罪犯。欢迎讨论。

我选择使用javascript:void（0），因为使用它可能会阻止右键单击打开内容菜单。但是javascript：；更短，做同样的事情。

答：这两种方法对网站加载的速度都没有明显的影响。

说明：嗯，两者都同样有效。主要区别与单击操作有关。第一种方法（）将地址栏中的URL更改为“#”。第二个方法（）将保持地址栏中的URL不变。因此，两者都很好去。

提示：最好使用第二种方法，即：（<a href=“javascript:void（0）”>），因为它是更有效的HTML，不会影响URL栏。

推荐文章