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

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

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

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

当前回答

为了完全符合整体情绪，在需要时使用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解析相当复杂。

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

其他回答

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

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

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

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

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

•Javascript：无效（0）；为空值[Notassigned]，这意味着浏览器将返回null，单击DOM，窗口将返回false。•javascript中的“#”不在DOM或Window之后。这意味着锚href内的“#”符号是LINK。链接到相同的当前方向。

我会使用：

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

原因：

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

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

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

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

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

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

推荐文章