网络技术知识
详解javascript void(0)
标题:详解javascript void(0)
简介
void(0)
是一个JavaScript语言中的操作符,这个方式可以用来执行一段代码却不返回任何值。通常使用 void(0)
可以防止页面被重定向,即不会跳转到新的页面。
使用方法
常见的使用场景:
- 在 href 属性中使用 void(0):
<a href="javascript:void(0);">点我不跳转</a>
这个用法可以在点击链接时不跳转其他页面,但是可以在代码中添加其他的 JavaScript 代码来进行其他操作。
- 声明一个立即执行的匿名函数:
void function() {
console.log('这是一个立即执行的匿名函数');
}();
这个用法可以直接在全局作用域中执行一个函数,不需要给这个函数定义名称。
原理
void
是 JavaScript 中的一个操作符,用来返回一个 undefined 。
当使用 void
操作符时,其后的括号中可以加任意的 JavaScript 代码,但是运行这段代码时并不会返回任何值,而是返回一个 undefined,从而避免了不必要的跳转或者执行问题。
总结
void(0)
可以用来执行代码却不返回任何值,通常使用在防止页面被重定向的情况下。另外,我们也可以通过在 void
后面加上立即执行的匿名函数的方式在全局作用域中执行代码。
示例
下面是一个例子,当我们点击按钮时,将当前的时间打印到页面上:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用 void(0)</title>
</head>
<body>
<button onclick="void function() {
var now = new Date();
document.write(now.toLocaleString());
}()">显示当前时间</button>
</body>
</html>
在上面的代码中,我们通过 void
后面的立即执行的匿名函数在全局作用域中执行代码,从而实现了在点击按钮时显示当前时间的功能。