javascript:void(0)的含义及用法实例

当我们在网页中点击一个按钮或链接时，为了防止页面刷新或跳转，常常会在href属性中使用“javascript:void(0)”这个值。那么这个值的含义以及用法实例是什么呢？接下来我们详细讲解。

含义

在javascript中，void是一个运算符，用于返回undefined。因此，使用“javascript:void(0)”就是将当前链接的默认行为赋值为“什么都不做”，避免链接的默认行为发生（例如跳转页面）。

用法实例

1. 阻止链接跳转

下面是一个例子，当用户点击链接时，网页不会跳转到另一个页面，而是在控制台中输出一条信息。

<a href="javascript:void(0)" onclick="console.log('点击了链接')">点击我</a>

2. 阻止表单提交

通过在表单的onsubmit事件上使用“javascript:void(0)”，可以防止表单提交默认行为，从而实现前端表单验证。例如：

<form onsubmit="return false">
  <input type="text" required>
  <button type="submit">提交</button>
</form>

以上代码表示当表单提交时，阻止默认行为并进行前端表单验证。

总结

javascript:void(0)的用途主要是用于防止链接的默认行为，即阻止链接跳转或表单提交。这是一种常用的前端技巧，可以使网页更加丰富多彩，并在一定程度上保证了网页的安全性。