JavaScript void运算符详解与用法

JavaScript void运算符语法与特性

void是JavaScript语言中的一个操作符，其基本语法结构如下所示。

javascript:void(表达式)

javascript:void 表达式

该运算符的作用是计算给定表达式的值，但会忽略并丢弃表达式的最终返回值。

创建无跳转链接的两种方案对比

在实际开发中，这种特性常被用来将超链接转化为不会触发页面跳转的“死链接”。

 
<a href = "javascript:void(0)" onclick = "func()">点我</a>

当用户点击该链接时，浏览器不会执行地址跳转操作，而是直接触发onclick绑定的函数。

此外，还存在另一种方式可以达到类似的效果。

 
<a href = "#" onclick = "func();return false;">点我</a>

虽然使用#也能实现点击不跳转，但#默认包含位置信息，通常会导致页面滚动回顶部。为了避免这一副作用，需要在onclick处理函数中显式添加return false语句以阻止默认行为。