javascript - 在 href lnks 中使用 javascript void(0) 的替代方法是什么？ (对于 Backbone 和 SPA 站点)

Question

在我的网络应用程序中，许多功能都作为链接公开，这些链接具有公开该功能的 onclick 处理程序，但实际链接设置为 javascript void(0)，如下所示...

<a href="javascript:void(0)" onclick="myApp.callJen(1303, this)" rel="nofollow">Call Jennifer</a>

当我的应用程序被注入(inject)到 Backbone.js 和 Angular 等单页应用程序 (SPA) 中时，此类链接似乎效果不佳。有时，在此类网站中单击此链接会转到未找到的实际页面(不确定为什么会发生这种情况)。

无论如何，我应该如何替换这些网站的此类链接？

假设此时使用真实的 URL 或按钮不是一个选项。

其他posts建议了这样的事情..

<a href="#!">Link</a>

或者this ..

// Cancel click event
$('.cancel-action').click(function(){
alert('Cancel action occurs!');
});

a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }
 <a class="cancel-action">Cancel this action</a>

老实说，我都不喜欢这两个，所以你能建议更好的吗？

Answer 1

正确的方法是“阻止默认操作”。在 jQuery 事件处理程序中:event.preventDefault() 或简单地 return false;。

专业知识:请注意，void 是一个运算符，不需要括号。