以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？
函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>
or
函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>
当前回答
老实说，我两个都不建议。我会使用一个样式化的＜button＞＜/button＞来实现该行为。
按钮链接{显示：内联块；位置：相对；背景色：透明；光标：指针；边框：0；填充：0；颜色：#00f；文本装饰：下划线；字体：inherit；}<p>一个看起来像＜button type=“button”class=“link”＞链接</button＞的按钮</p＞
这样您就可以分配onclick。我还建议通过脚本绑定，而不是在元素标记上使用onclick属性。唯一的问题是旧IE中无法禁用的伪3d文本效果。
如果必须使用A元素，请使用javascript:void（0）；由于已经提到的原因。
如果onclick事件失败，将始终进行拦截。不会发生错误的加载调用，或基于哈希更改触发其他事件如果单击失败（onclick throws），哈希标记可能会导致意外行为，除非这是一个适当的失败行为，并且您希望更改导航历史记录，否则请避免它。
注意：您可以将0替换为javascript：void（'删除记录123'）之类的字符串，它可以作为一个额外的指示符，显示单击的实际操作。
其他回答
不要忽视这样一个事实，即您的URL可能是必需的——在引用之后会触发onclick，因此有时您需要在导航离开页面之前处理客户端的某些内容。
第一个，最好是在用户禁用JavaScript的情况下使用一个真正的链接。只需确保返回false，以防止在JavaScript执行时触发单击事件。
<a href="#" onclick="myJsFunc(); return false;">Link</a>
如果您使用Angular2，则此方法有效：
<a[routerLink]=“”（单击）=“passTheSalt（）”>单击我</a>。
请参见此处https://stackoverflow.com/a/45465728/2803344
为什么不使用这个？这不会向上滚动页面。
<span role="button" onclick="myJsFunc();">Run JavaScript Code</span>
如果您恰好使用AngularJS，可以使用以下选项：
<a href="">Do some fancy JavaScript</a>
这不会有任何作用。
此外
它不会像（#）那样将您带到页面顶部因此，您不需要使用JavaScript显式返回false它简短而简洁
在现代网站上，如果元素只执行JavaScript功能（而不是真正的链接），则应避免使用href。
为什么？此元素的存在告诉浏览器这是一个与目的地的链接。这样，浏览器将显示“在新选项卡/窗口中打开”功能（使用shift+单击时也会触发）。这样做将导致在没有触发所需功能的情况下打开同一页面（导致用户沮丧）。
关于IE：从IE8开始，如果设置了doctype，元素样式（包括悬停）就会起作用。IE的其他版本真的不用担心了。
唯一的缺点：删除HREF将删除tabindex。为了克服这个问题，您可以使用样式为链接的按钮或使用JS添加tabindex属性。
