JavaScript中void(0)的含义与使用场景解析

JavaScript中void(0)的含义与使用场景解析

在编写JavaScript脚本时，开发者经常会在HTML元素的属性中见到类似的代码结构。

例如在锚标签中定义href属性为：〈a href="javascript:doTest2();void(0);"〉here〈/a〉

这里出现的void(0)具体代表什么含义呢？

在JavaScript语言中，void是一个操作符，它的作用是计算一个表达式，但明确指定不返回任何值。

void操作符的使用格式主要有以下两种情况：

第一种写法是 javascript:void (expression)

第二种写法是 javascript:void expression

这里的expression指的是需要计算的JavaScript标准表达式。虽然表达式外层的圆括号是可选的，但为了代码的可读性和规范性，建议始终加上圆括号。

开发者可以利用void操作符来定义超级链接。当用户点击该链接时，表达式会被执行计算，但浏览器不会在当前文档中加载任何新内容，即不会发生页面跳转。

以下代码示例创建了一个超级链接，用户点击后页面上不会发生任何可见变化。这是因为当用户点击链接时，void(0)被计算为数字0，但在JavaScript的执行层面没有任何实际效果，从而阻止了默认的链接行为。

void和#符号的区别

接下来分析void和#符号在链接中的区别。

符号＃包含了一个位置信息，其默认的锚点指向＃top，即网页的最顶端。相比之下，javascript:void(0)仅仅表示一个死链接，它不会引发任何位置跳转。

这就是为什么有时页面很长，点击明明是＃的链接却会跳转到页首，而使用javascript:void(0)则不会发生这种情况。因此，在需要调用脚本且不希望页面跳转时，最好使用void(0)。