JavaScript:void(0)

void运算符用于求值并返回undefined。通常，此运算符用于获取undefined原始值。它经常与超链接一起使用。通常，单击链接时，浏览器会刷新页面或加载新页面。当我们不希望在单击超链接时刷新或加载新页面时，可以使用javascript:void(0)。

我们可以以两种方式使用操作数0，即void(0)或void 0。这两种方式的作用相同。JavaScript:void(0)告诉浏览器“什么也不做”，即阻止浏览器重新加载或刷新页面。当我们在网页中插入具有重要角色但不需要重新加载的链接时，使用void(0)可以防止页面重新加载，但可以执行有用的功能，如更新网页上的值。

它还用于防止页面的不希望的重定向。

语法

void expression;

让我们通过一些示例来了解 javascript:void(0); 的使用。

示例1

在以下示例中，我们定义了两个链接。在第一个链接中，我们使用了void关键字。当点击对应的链接时，由于 void(0) ，它将什么也不会发生。

当我们点击第二个链接时，它将显示一个警示对话框。

<html>
<head>
</head>
<body>
<center>
<h1> Hello World :) :) </h1>
<h2> Click the following links to see the changes </h2>
<h4> It is an example of using the <i> javascript:void(0); </i> </h4>
<a href = "javascript:void(0);">
It will do nothing.
</a>
<br/><br/>
<a href = "javascript:alert('Welcome to javaTpoint');"> Click here for an alert </a>
</center>
</body>

</html>

输出

JavaScript:void(0)

点击第一个链接时，不会发生任何事情。当用户点击第二个链接时，输出将是 –

JavaScript:void(0)

现在，在下一个示例中，我们将看到如何防止网页重定向。

示例2

在这个示例中，我们将javascript:void(0);和网站的链接传递给href属性。在这里，我们还使用了ondblclick属性，双击超链接时显示一个弹出框。关闭弹出对话框后，页面将不会重定向到指定的网站链接。

<html>
<head>
<style>
a{
font-size: 22px;
}
</style>
</head>
<body>
<center>
<h1> Hello World :) :) </h1>
<h2> Click the following link to see the changes </h2>
<h4> You can see on closing the alert dialog box, the page will not redirect to https://www.javatpoint.com/ </h4>
<a href = "javascript:void(0);https://www.javatpoint.com/" ondblclick = "alert('Welcome to the javaTpoint.com')">
Double click the link
</a>
</center>
</body>

</html>

输出

JavaScript:void(0)