以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？
函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>
or
函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>
当前回答
您不应该在HTML中使用inline onclick=“something（）；”，以避免用无意义的代码污染它；所有单击绑定都必须在Javascript文件（*.js）中设置。
像这样设置绑定：$（“#myAnchor”）.click（function（）｛…**return false**；｝）；或$（'#myAnchor'）.bind（'click'，function（）{…**return false**；}）；
然后，您就可以轻松加载一个干净的HTML文件（并且seo友好），而无需数千href=“javascript:void（0）；”，只需href=“#”
其他回答
根据您想要完成的任务，您可以忘记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）。如果您有一个想要发生鼠标悬停事件的图像，但没有任何内容可供用户单击，那么它会非常有用。
您可以使用href并删除所有只有哈希值的链接：
HTML格式：
<a href="#" onclick="run_foo()"> foo </a>
JS:
$(document).ready(function(){ // on DOM ready or some other event
$('a[href=#]').attr('href',''); // set all reference handles to blank strings
// for anchors that have only hashes
});
理想情况下，您应该有一个真正的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
除非您使用JavaScript编写链接（这样您就知道它在浏览器中已启用），否则理想情况下，您应该为禁用JavaScript的浏览者提供适当的链接，然后在onclick事件处理程序中阻止该链接的默认操作。这样，启用JavaScript的用户将运行该功能，而禁用JavaScript的用户则将跳转到适当的页面（或同一页面中的位置），而不是只单击链接而不发生任何事情。
