Skip to content

javascript:void(0) 的作用是什么

Posted on:2023年10月24日 at 08:17

在网页开发中,你会经常看到这样的链接:

<a href="javascript:void(0)">登录</a>

这表示当用户点击这个链接时,不会跳转到任何页面,而只会执行JavaScript代码。

JavaScript代码可以使用void运算符来返回一个undefined值。undefined值表示一个空值,或者一个没有定义的值。

因此,javascript:void(0)的意思是执行JavaScript代码,但不返回任何值。

这种链接通常用于执行一些不需要跳转页面的操作,例如打开一个模态框、显示一个菜单、或者执行一些验证操作。

以下是一个示例:

<a href="javascript:void(0)" onclick="openModal()">打开模态框</a>

<div id="modal" class="hidden">这是一个模态框。</div>

<script>
  function openModal() {
    document.getElementById("modal").classList.remove("hidden");
  }
</script>

当用户点击这个链接时,openModal()函数将会被执行,模态框将会被打开。但是,浏览器不会跳转到任何页面。

javascript:void(0)是JavaScript语言中的一个非常常用的技巧,它可以帮助你编写出更简洁、更优雅的代码。