深入解析JavaScript中的`void`操作符 |21xrx.com

2023-06-13 01:35:25 深夜i -- --

JavaScript void preventDefault()

我曾经在学习JavaScript的时候看到过一个神秘的代码 `javascript:void(o)`，当时我并不知道它的作用是什么，但是现在我已经明白了。

首先，我想讲一下本质上的含义。JavaScript中的`void` 操作符用来指定要计算一个表达式但不返回值的情况。因此，`void(o)` 实现了在页面中点击链接时不进行任何跳转的效果。

那么，下面我给大家实现一个例子。首先，我们将一个链接添加到HTML页面中：

这是一个链接

接下来，我们使用JS添加点击事件，使之在点击链接时不进行跳转：


const link = document.querySelector('a')
link.addEventListener('click', function(event) {
 event.preventDefault()
})

通过调用`preventDefault()`方法，我们可以阻止链接的默认跳转行为，从而实现在页面中点击链接时不进行任何跳转的效果。

上一篇: idea打包java可执行jar包

下一篇: Java基础题面试：如何准备和应对

()

相似文章