javascript:void(0) 是一个常见的 JavaScript 伪协议

javascript:void(0) 是一个常见的 JavaScript 伪协议，下面从几个方面详细解释其含义和用途。

基本含义

javascript: 是一种伪协议，它告诉浏览器后面跟随的是一段 JavaScript 代码。void 是 JavaScript 中的一个操作符，void(0) 的作用是对给定的表达式求值，然后返回 undefined。所以 javascript:void(0) 本质上就是执行一段 JavaScript 代码，其返回值为 undefined。

常见使用场景

1. 阻止链接默认行为

在 HTML 的  标签中，当你不想让链接跳转到指定的 href 地址，同时又想在点击链接时执行一些 JavaScript 代码，就可以使用 javascript:void(0)。示例如下：

html

    
    
    



    点击我

在这个例子中，点击链接不会进行页面跳转，而是触发 onclick 事件，弹出一个提示框。

2. 占位用途

在一些情况下，你可能还没有确定链接的具体跳转地址或者操作逻辑，但又需要一个链接元素，此时可以先使用 javascript:void(0) 作为 href 的值。示例如下：

html

    
    
    



    待实现的链接

替代方案

在现代的前端开发中，更推荐使用事件监听器来阻止链接的默认行为，而不是使用 javascript:void(0)。示例如下：

html

    
    
    



    点击我
    

使用 event.preventDefault() 可以更清晰地表达阻止默认行为的意图，并且使 HTML 和 JavaScript 代码分离，提高代码的可维护性。