JavaScript void运算符详解与用法

作者:小括号

时间:2026-10-27

浏览:449

本文介绍JavaScript中void运算符的语法及其核心特性。void会计算表达式但丢弃返回值,常用于创建不跳转的死链接,如javascript:void(0)。文章对比了使用#配合return false的替代方案,指出前者可避免页面跳转至顶部的问题,帮助开发者选择更合适的无跳转链接实现方式。

文章目录

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语句以阻止默认行为。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章