JavaScript教程-JavaScript:void(0)
javascript:void(0)
运算符用于计算一个表达式并返回 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 javaTiku');">Click here for an alert</a>
</center>
</body>
</html>
点击第一个链接时,不会发生任何事情。当用户点击第二个链接时,将显示如下输出:
示例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.javatiku.cn/</h4>
<a href="javascript:void(0);https://www.javatiku.cn/" ondblclick="alert('Welcome to the javaTiku.cn')">Double click the link</a>
</center>
</body>
</html>
双击指定的链接后,输出如下: