javascript:void(0) 是什么意思

你可能偶尔会在 HTML 文档中见到 “javascript:void(0)”。它通常用于在网页中插入表达式可能产生一些不必要的效果时。为了消除这种效果，使用 “javascript:void(0)”。该表达式返回 undefined 原始值。这通常与超链接一起使用。有时候，你决定从链接内部调用一些 JavaScript。通常，当你点击一个链接时，浏览器会加载一个全新的页面或刷新相同的页面（取决于指定的 URL）。但如果你在链接中关联了一些 JavaScript，你很可能不希望发生这种情况。为了防止页面刷新，可以使用 void(0)。

在锚点标签中使用 “#”： 在编辑器中编写以下代码后，显示警示消息后网页会被刷新。

示例：

<h1 style="color:green">GeeksforGeeks</h1> 
<h3>without JavaScript:void(0)</h3> 
<a href="#" ondblclick="alert('Welcome to Geeks for Geeks')"> 
    Double click on me </a> 
<a href="#" ondblclick="geeks()"> 
    Double click on me 
</a> 
<script> 
    function geeks(){ 
    document.getElementById("gfg") 
        .innerHTML='Welcome to GeeksforGeeks'; 
    } 
</script> 
<p id="gfg"></p>

输出：

在锚点标签中使用“javascript:void(0);”： 在锚点标签中写入“javascript:void(0);”可以防止页面重新加载，并且可以轻松地在单击或双击时调用JavaScript函数。

示例：

<h1 style="color:green">GeeksforGeeks</h1> 
<h3>JavaScript:void(0)</h3> 
<a href="javascript:void(0);" ondblclick="geek()"> 
    Double click on me </a> 
<p id="gfg"> 
</p> 
<script> 
    function geek() { 
        document.getElementById("gfg").innerHTML = "Welcome to GeeksforGeeks"; 
    } 
</script>

输出：