为什么使用 `javascript:void(0)` 而不是 `javascript:` 作为 href 不做占位符？ [复制]

Question

我见过href="javascript:void(0)" 和href="javascript:;" 我有什么理由不直接使用href="javascript:" 吗？

编辑：让我明确一点：我将它与onclick 结合使用，并且如果有必要使用替代方案，我不反对使用return false。当然，这只是在替代方案比javascript: 更有意义的情况下。

另外，我还没有看到第一段中显示的（显然我认为）我的问题的答案。谢谢，大卫。 :)

我见过href="javascript:void(0)" 和href="javascript:;" 我有什么理由不直接使用href="javascript:" 代替吗？

Answer 1

我个人会避免使用任何一种。我会改用onclick='return false;'，然后设置href='#'。

为什么？因为如果您将 Javascript 代码放在 href 中，那么当您将鼠标悬停在链接上时，它会出现在浏览器的状态栏中，就像任何其他 URL 一样。它只是看起来很乱。

事实上，因为无论如何它都会被忽略，所以您可以将任何您喜欢的 URL 放入href，而不仅仅是一个哈希。哈希是最安全的，以防万一您的用户禁用了 Javascript，但除此之外，它可以是任何东西。

但我必须指出：有一个带有 href 的 <a> 标记会指向一个无效的 Javascript 代码，这似乎完全违背了首先拥有一个 <a> 标记的意义​​。我可以看到您希望如何在运行时启用和禁用链接，但简单地将 href 设置为 void 似乎有点毫无意义。如果它不是一个真正的链接，为什么不只是有一个<span> 或其他一些标签。如果你必须让它看起来像一个链接，那么在 CSS 中做到这一点很简单。

Answer 2

不回答你的问题，但可能会更清楚一点，一些早期版本的浏览器（如 netscape）在href 中使用脚本时会出现问题。

void 运算符几乎只能强制点击什么都不做。

现在，随着浏览器正确实现“伪 URL”，您可以安全地使用 javascript:;。

Answer 3

理想的情况是不要在元素本身上放置任何代码，而是在脚本标签或外部文件中使用 javascript 并在那里绑定事件处理程序。

Answer 4

最好不要使用。 href 属性表示一个 url。最好使用事件处理程序来获得所需的行为，这可能是onclick 事件。

在这种情况下，期望的行为显然是什么都不做。首先，当锚标签没有链接到任何地方时，为什么还要使用它呢？其次，这可以通过防止事件冒泡来处理，方法是让onclick 事件处理程序返回false。然后href 可以指向#，或者更好的是让它指向一个与事件处理程序或多或少具有相同效果的url，因此当javascript 关闭时它会优雅地降级。