以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？
函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>
or
函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>
当前回答
肯定hash（#）更好，因为在JavaScript中它是一个伪方案：
污染历史实例化引擎的新副本在全局范围内运行，不尊重事件系统。
当然，使用onclick处理程序防止默认操作的“#”更好。此外，唯一目的是运行JavaScript的链接并不是真正的“链接”，除非当出现问题时，您将用户发送到页面上某个合理的锚点（只需#将发送到顶部）。您可以简单地使用样式表模拟链接的外观，而完全不用考虑href。
此外，关于牛神的建议，特别是：。。。href=“javascript_required.html”onclick=“…这是一种很好的方法，但它没有区分“禁用javascript”和“onclick失败”场景。
其他回答
在现代网站上，如果元素只执行JavaScript功能（而不是真正的链接），则应避免使用href。
为什么？此元素的存在告诉浏览器这是一个与目的地的链接。这样，浏览器将显示“在新选项卡/窗口中打开”功能（使用shift+单击时也会触发）。这样做将导致在没有触发所需功能的情况下打开同一页面（导致用户沮丧）。
关于IE：从IE8开始，如果设置了doctype，元素样式（包括悬停）就会起作用。IE的其他版本真的不用担心了。
唯一的缺点：删除HREF将删除tabindex。为了克服这个问题，您可以使用样式为链接的按钮或使用JS添加tabindex属性。
如果您恰好使用AngularJS，可以使用以下选项：
<a href="">Do some fancy JavaScript</a>
这不会有任何作用。
此外
它不会像（#）那样将您带到页面顶部因此，您不需要使用JavaScript显式返回false它简短而简洁
您不应该在HTML中使用inline onclick=“something（）；”，以避免用无意义的代码污染它；所有单击绑定都必须在Javascript文件（*.js）中设置。
像这样设置绑定：$（“#myAnchor”）.click（function（）｛…**return false**；｝）；或$（'#myAnchor'）.bind（'click'，function（）{…**return false**；}）；
然后，您就可以轻松加载一个干净的HTML文件（并且seo友好），而无需数千href=“javascript:void（0）；”，只需href=“#”
我会使用：
<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
