javascript:void(0)

javascript:void(0)

JavaScript中的void(0)是一个特殊的表达式，它的作用是阻止浏览器对点击事件的默认行为进行处理。在一些情况下，我们希望点击某个元素时不发生任何操作，这时可以使用javascript:void(0)来实现。

下面举几个常见的例子来说明javascript:void(0)的用法：

1. 阻止链接的默认跳转：

<a href="http://www.example.com" onclick="javascript:void(0)">点击我不跳转</a>

 

上面的代码中，点击链接时不会跳转到http://www.example.com，因为onclick事件处理函数中使用了javascript:void(0)来阻止默认行为。

1. 阻止表单的默认提交：

<form onsubmit="javascript:void(0)">
  <input type="text" name="username">
  <input type="submit" value="提交">
</form>

 

上面的代码中，当点击表单的提交按钮时，不会触发表单的默认提交行为，因为onsubmit事件处理函数中使用了javascript:void(0)来阻止默认行为。

1. 阻止按钮的默认点击行为：

<button onclick="javascript:void(0)">点击我不触发任何操作</button>

 

上面的代码中，点击按钮时不会触发任何操作，因为onclick事件处理函数中使用了javascript:void(0)来阻止默认行为。

需要注意的是，void操作符会将表达式的值变成undefined，void(0)的作用仅限于阻止默认行为，它本身没有其他实际的用途。

---

href="#"与href="javascript:void(0)"的区别

在JavaScript中，href="#"和href="javascript:void(0)"都是用于在HTML中创建链接的方式，但它们有一些重要的区别。

1. href="#"：这是一种常见的用法，它将链接的目标设置为当前页面的顶部（即页面的锚点）。当用户点击这样一个链接时，页面会滚动到页面的顶部。这种用法通常用于创建“回到顶部”按钮或刷新页面等功能。

2. href="javascript:void(0)"：这种用法将链接的目标设置为JavaScript中的void(0)。void(0)是一个JavaScript表达式，它会返回一个undefined值，并且不会导致页面跳转。这种用法通常用于在点击链接时执行JavaScript代码，而不进行页面跳转。例如，可以使用这种方式来执行一些验证或其他操作，然后根据结果决定是否继续进行页面导航。

总结来说，href="#"会导致页面滚动到顶部，而href="javascript:void(0)"不会导致页面跳转，而是执行JavaScript代码。具体使用哪种方式取决于你想要实现的功能。