以下是两种用于运行JavaScript代码的链接构建方法。从功能、页面加载速度、验证目的等方面来看，哪种更好？
function myJsFunc() {
alert("myJsFunc");
}<a href="#" onclick="myJsFunc();">Run JavaScript Code</a>function myJsFunc() {
alert("myJsFunc");
} <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>我使用javascript:void(0)。
原因有三。鼓励开发团队使用#最终会导致一些人使用此函数的返回值，如下所述：
function doSomething() {
//Some code
return false;
}
但是他们忘记在onclick中使用 return doSomething()，而只是使用 doSomething()。
避免使用 # 的第二个原因是如果被调用的函数抛出错误，最后的 return false; 将不会执行。因此开发人员还必须记住适当地处理任何错误。
第三个原因是有些情况下会动态地分配 onclick 事件属性。我更喜欢能够调用一个函数或动态地分配它，而不必专门为一种附加方法编写函数。因此，我的 HTML 标记中的 onclick（或任何其他东西）看起来像这样：
onclick="someFunc.call(this)"
或
onclick="someFunc.apply(this, arguments)"
使用 javascript:void(0) 可以避免上述所有问题，我没有发现任何负面影响的例子。
因此，如果你是一个独立开发者，那么你可以自己做出选择，但如果你作为一个团队工作，你必须明确说明：
使用 href="#"，确保 onclick 总是在结尾处包含 return false; ，被调用的任何函数都不会抛出错误，如果你动态地将一个函数附加到 onclick 属性上，也要确保它不会抛出错误，并返回 false。
或者
使用 href="javascript:void(0)"
显然，第二种方法更容易交流。
javascript:void(0)在启用CSP的HTTPS页面上违反内容安全策略。一个选项是在处理器中使用href='#'和event.preventDefault()，但我不太喜欢这种方法。也许你可以建立一种约定来使用href='#void'，并确保页面上没有任何元素的id为"void"。这样，单击指向不存在的锚点的链接将不会滚动页面。 - jakub.ghref属性值为"#"的链接上。在jQuery中，可以这样实现：$('a[href="#"]').click(function(e) { e.preventDefault ? e.preventDefault() : e.returnValue = false; });。 - Nathan#void，浏览器仍会添加一条历史记录。另一种方法是使用返回 HTTP 状态码为 204 的资源的 URL（仍然使用 preventDefault - 204 只是备用方案）。 - CherryDTvoid 是一个操作符而不是函数。它应该是 void 0；void(0) 中的括号没有任何作用。void() 就像 return(); 一样无效，因为 () 不是有效的一元表达式。 - Sebastian Simon两者都不行。
如果可以使用有意义的实际URL，请将其用作HREF。如果某人通过中键单击您的链接以打开新标签页，或者他们禁用了JavaScript，则onclick不会触发。
如果不可能，那么您至少应该使用JavaScript将锚点标签注入文档，并使用适当的click事件处理程序。
我知道这并不总是可能的，但在我看来，在开发任何公共网站时都应该努力达到这一点。
请查看不显眼的JavaScript和渐进增强（均出自维基百科）。
五年前，使用包含 onclick 属性的链接或其他任何内容 - 是可以接受的，但现在它可能是一种不好的实践。以下是原因：
它促进了粗暴的JavaScript实践 - 这已经被证明很难维护和扩展。有关此更多信息，请参见 Unobtrusive JavaScript。
你要花费大量时间编写过于详细的代码 - 这对你的代码库几乎没有任何益处。
现在有更好、更简单、更可维护和可扩展的方法来实现所需的结果。
根本不需要 href 属性！任何良好的CSS重置都会处理缺少默认光标样式的问题，所以这不是问题。然后使用优雅而不显眼的最佳实践来附加您的JavaScript功能 - 当您开始开发需要将逻辑拆分为黑箱组件和模板的大型JavaScript应用程序时，这种方式更可维护，因为您的JavaScript逻辑留在JavaScript中，而不是在您的标记中。有关此更多信息，请参见 大型JavaScript应用程序架构
// Cancel click event
$('.cancel-action').click(function(){
alert('Cancel action occurs!');
});
// Hover shim for Internet Explorer 6 and Internet Explorer 7.
$(document.body).on('hover','a',function(){
$(this).toggleClass('hover');
});a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="cancel-action">Cancel this action</a>有关可扩展、黑盒子、Backbone.js 组件示例 - 请参见此处工作的 JSFiddle 示例。请注意，我们如何利用不显眼的 JavaScript 实践，在极少量代码中拥有可以在页面上多次重复使用的组件，而不会出现副作用或不同组件实例之间的冲突。了不起！
省略 a 元素上的 href 属性将导致通过 tab 键导航无法访问该元素。如果您希望这些元素可以通过 tab 键访问，则可以设置 tabindex 属性，或者使用 button 元素。如在 Tracker1's answer 中提到的那样，您可以轻松地将 button 元素样式设置为普通链接样式。
省略 a 元素上的 href 属性将导致 Internet Explorer 6 和 Internet Explorer 7 无法使用 a:hover 样式，因此我们添加了一个简单的 JavaScript shim 来通过 a.hover 实现这一点。如果您没有 href 属性并且没有优雅地降级，那么您的链接就不起作用了 - 您将有更大的问题需要担心。
如果您希望在 JavaScript 禁用时仍然能够使用您的操作，则使用具有指向某些 URL 的 href 属性的 a 元素，该 URL 将手动执行操作而不是通过 Ajax 请求或其他方式执行操作应该成为前进的方式。如果您这样做，则要确保在点击调用时对您的事件执行 event.preventDefault()，以确保单击按钮时它不会跟随链接。这个选项称为优雅地降级。
'#' 会将用户带回页面顶部，因此我通常会选择 void(0)。
javascript:; 也像 javascript:void(0); 一样行为。
# 或 #something 将带您到该锚点在 基础 href 页面上的位置，而不是当前页面。 - Abhi Beckert#!) 可以实现功能，但这绝对是不好的做法。 - Neel我真诚地建议都不要使用。我会使用一个样式化的<button></button>元素实现这种行为。
button.link {
display: inline-block;
position: relative;
background-color: transparent;
cursor: pointer;
border: 0;
padding: 0;
color: #00f;
text-decoration: underline;
font: inherit;
}<p>A button that looks like a <button type="button" class="link">link</button>.</p>这样你就可以指定你的onclick事件。我建议通过脚本绑定，而不是在元素标签上使用onclick属性。唯一需要注意的是旧版本IE中的伪3D文本效果无法禁用。
如果您必须使用A元素，请使用javascript:void(0);，原因如上所述。
注意：您可以将0替换为字符串，例如javascript:void('Delete record 123')，该字符串可作为额外指示器，显示单击实际执行的操作。
<a>是一个链接，它的作用是将你带到某个地方，对于操作，我们有<button>。 - mjsarfatti<a>标签。如果操作是页面内弹出窗口或同一页上的其他功能，则应该是一个<button>。 - undefined最好第一个链接附带一个真实的网址，以防用户禁用JavaScript。确保返回false以防止JavaScript执行时触发点击事件。
<a href="#" onclick="myJsFunc(); return false;">Link</a>
如果您使用Angular2，则可以使用以下方式：
<a [routerLink]="" (click)="passTheSalt()">Click me</a>
如果你问我的话，如果你的“链接”只是为了运行一些JavaScript代码，那么它就不符合链接的定义，而是一段文本配上一个JavaScript函数。我建议使用一个带有onclick handler的标签，再加上一些基本的CSS来模拟一个链接。链接是用于导航的，如果你的JavaScript代码不是用于导航，那么它就不应该使用标签。
示例：
function callFunction() { console.log("function called"); }.jsAction {
cursor: pointer;
color: #00f;
text-decoration: underline;
}<p>I want to call a JavaScript function <span class="jsAction" onclick="callFunction();">here</span>.</p><span> 标签并不用于执行任何操作，而是用 <a> 锚点和 <button> 按钮来实现这一点！ - redShadow理想情况下，您应该这样做：
<a href="javascriptlessDestination.html" onclick="myJSFunc(); return false;">Link text</a>
仅使用#可能导致一些有趣的动作，因此建议使用#self以节省输入JavaScript代码的努力。
#self 似乎并不特殊。在文档中，任何不匹配任何元素的名称或ID（且不为空或为“top”）的片段标识符应该具有相同的效果。 - cHaoonclick）元素a时返回false即可产生相同的效果。 - syahid246我使用以下代码
<a href="javascript:;" onclick="myJsFunc();">Link</a>
相反地
<a href="javascript:void(0);" onclick="myJsFunc();">Link</a>
href="javascript:"和href="javascript:void 0;"是等价的，但它们同样糟糕。 - Sebastian Simon
void(0)，当void 0即可？ - RobG