JavaScript void

JavaScript void教程

在 JavaScript 中 void 关键字是非常重要的 关键字，该操作符指定要计算或运行一个表达式，但是不返回任何值。

JavaScript void详解

语法

void func();
void(func());

说明

定义了一个函数 func，该函数不返回任何值。

案例

JavaScript void(0)修饰超链接

使用 void(0) 修饰超链接，表明点击超链接不执行任何动作

<!DOCTYPE html>
<html>
    <head>
        <title>使用 void(0) 修饰超链接</title>
        <script type="text/javascript">
           console.log("嗨客网(www.haicoder.net)");
        </script>
    </head>
    <body>
        <a href="javascript:void(0);">嗨客网(www.haicoder.net)</a><br>
    </body>
</html>

程序运行后，控制台输出如下：

73_javascript void.png

我们在超链接的 href 属性里面，使用了 javascript:void(0); 表明点击该超链接什么都不执行。

JavaScript执行void操作符代码

使用 void 修饰执行操作符代码

<!DOCTYPE html>
<html>
    <head>
        <title>使用 void 修饰执行操作符代码</title>
        <script type="text/javascript">
           console.log("嗨客网(www.haicoder.net)");
        </script>
    </head>
    <body>
        <a href="javascript:void(alert('void alert dialog!'))">alert dialog</a><br>
        <a href="javascript:void(console.log('console log info'))">console log</a><br>
    </body>
</html>

程序运行后，控制台输出如下：

74_javascript void.png

此时，我们点击第一个超链接，浏览器弹出对话框，如下图所示：

75_javascript void.png

我们点击确定按钮，再次点击第二个超链接，此时，浏览器控制台输出如下：

76_javascript void.png

因此，我们可以看出，我们点击超链接执行了 void 里面的代码。

herf=’#’ 与 herf=“javascript: void(0)” 的区别

# 包含了一个位置信息，默认的是锚是 #top，也就是网页的顶端。但 herf="javascript: void(0)" 仅仅代表一个无聊的，点击啥也不发生的链接。

如果 herf="" 话，点击将会刷新页面。如果没有不加 herf 属性的话，a 标签将失去了它的特性，鼠标放上去也不会变成小手状。

JavaScript void总结

在 JavaScript 中 void 关键字是非常重要的关键字，该操作符指定要计算或运行一个表达式，但是不返回任何值。