javascript - href ="javascript:;"或 href ="javascript:void(0)"，区别是什么？

Question

我读到了关于href="#" 和href="javascript:void(0)" 的比较，我也想知道比较一下

href="javascript:;"或者 href="javascript:void(0)",

ps: 我一直使用 href="javascript:;" 而不是 href="javascript:void(0)",没有发现任何问题。

Answer 1

使用 javascript:任何一种形式的超链接都是不好的。您的 JavaScript 设计应该不引人注目。

如果您要将事件监听器附加到您的 anchor ，您应该使用 # anchor 甚至是实际的 URL，例如:

<a href="/delete/post/123">delete</a>
...
<script>
jQuery(function($) {
     $('a').on('click', function(event) {
         event.preventDefault();
         // do ajax stuff
     });
});
</script>

这样，旧浏览器(或禁用 JavaScript 的浏览器)将按照常规链接删除项目，而启用 JavaScript 的浏览器将通过 AJAX 执行此操作，这样页面就不必刷新。

如果您的链接真的什么都不做，那么您根本不应该使用 anchor ；只需设计一个 <span>为此目的。