以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？
函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>
or
函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>
当前回答
您也可以在锚点中编写如下提示：
<a href="javascript:void('open popup image')" onclick="return f()">...</a>
因此用户将知道该链接的作用。
其他回答
不要将链接仅用于运行JavaScript。
使用href=“#”将页面滚动到顶部；使用void（0）会在浏览器中产生导航问题。
而是使用链接以外的元素：
<span onclick="myJsFunc()" class="funcActuator">myJsFunc</span>
并使用CSS设置样式：
.funcActuator {
cursor: default;
}
.funcActuator:hover {
color: #900;
}
第一个，最好是在用户禁用JavaScript的情况下使用一个真正的链接。只需确保返回false，以防止在JavaScript执行时触发单击事件。
<a href="#" onclick="myJsFunc(); return false;">Link</a>
如果您使用Angular2，则此方法有效：
<a[routerLink]=“”（单击）=“passTheSalt（）”>单击我</a>。
请参见此处https://stackoverflow.com/a/45465728/2803344
除非您使用JavaScript编写链接（这样您就知道它在浏览器中已启用），否则理想情况下，您应该为禁用JavaScript的浏览者提供适当的链接，然后在onclick事件处理程序中阻止该链接的默认操作。这样，启用JavaScript的用户将运行该功能，而禁用JavaScript的用户则将跳转到适当的页面（或同一页面中的位置），而不是只单击链接而不发生任何事情。
您可以在这里使用javascript:void（0），而不是使用#来停止锚标记重定向到标头部分。
function helloFunction() {
alert("hello world");
}
<a href="javascript:void(0)" onclick="helloFunction();">Call Hello Function</a>
我会使用：
<a href="#" onclick="myJsFunc();return false;">Link</a>
原因：
这使得href变得简单，搜索引擎需要它。如果您使用其他任何东西（例如字符串），它可能会导致404未找到错误。当鼠标悬停在链接上时，它不会显示它是一个脚本。通过使用return false；，页面不会跳到顶部或断开后退按钮。
