javascript:void(0)的含义及用法实例

更新时间：2021年12月13日 11:09:39 作者：小方哥·

这篇文章介绍了javascript:void(0)的含义及用法实例，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

void关键字介绍

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

语法格式：

void func()
void(func())

实例1

当点击超级链接时，什么都不发生

<!-- 1.当用户链接时，void(0)计算为0,用户点击不会发生任何效果 -->
    <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >单击此处什么都不会发生</a><br>

实例2

执行void操作符当中的代码

<!-- 2.执行 void() 操作符中的代码 -->
    <a href="javascript:void(alert('还真点啊你，真听话！！！哈哈哈！！！'))" rel="external nofollow" >点我弹出警告框!!!</a><br>
    <a href="javascript:void(console.log('还真点啊你，真听话！！！哈哈哈！！！'))" rel="external nofollow" >点我输出到控制台!!!</a><br>

实例3

计算void操作符当中的算术

html:

<button type="button">点我</button>

js:

<script type="text/javascript">
        document.querySelector('button').addEventListener('click', function () {
            var a, b, c, d;
            a = void(b = 2, c = 3);
            console.log('a => ' + a);
            console.log('b => ' + b);
            console.log('c => ' + c);
            console.log('d => ' + d);
        });
    </script>

控制台输出：

很显然，2赋值给了a, 3赋值给了b, a 和 d一样只是定义了没有赋值，所以为 undefined

# 与 javascript:void(0)的区别:

#可以跳转到设置了id的目的地

javascript:void(0)则停留在原地，一动不动，我们称之为“死链接”

如下面这个例子：

<a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >你点吧，反正我就是不动，嘿嘿嘿！！！</a><br>
    <a href="#destination" rel="external nofollow" >点我跳转</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <h2 id="destination">目的地</h2>

当点击第一个链接时，一动不动
当点击第二个连接时，会跳转到指定id得位置（页面最底部）

到此这篇关于javascript:void(0)的含义及用法实例的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

javascript中数组array及string的方法总结
本文结合自己的使用经验，给大家总结了javascript中数组array及string的使用方法，这里推荐给有需要的小伙伴。
2014-11-11
浅析JavaScript 箭头函数 generator Date JSON
下面小编就为大家带来一篇浅析JavaScript 箭头函数 generator Date JSON。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
详解微信小程序中var、let、const用法与区别
微信小程序是可以使用最新ES6标准规范的Javascript来开发的，所有ES6中的新特性微信小程序也是支持的，下面我们来总结下信小程序中var、let、const用法与区别
2020-01-01
整理JavaScript对DOM中各种类型的元素的常用操作
这篇文章主要介绍了JavaScript对DOM中各种类型的元素的常用操作整理,DOM操作是JavaScript程序的一大根本任务,需要的朋友可以参考下
2016-05-05
js闭包的用途详解
js闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。具体怎么理解呢，各位看官请仔细看好下文
2014-11-11
JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）
这篇文章主要介绍了JavaScript字符串对象的concat方法实例,这个方法用于连接两个或多个字符串,平时用+号比较多,所以这个方法可能不太常用,需要的朋友可以参考下
2014-10-10
javascript es6的常用语法你知道吗
这篇文章主要为大家介绍了javascriptes6的常用语法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-01-01
老生常谈JavaScript数组的用法
下面小编就为大家带来一篇老生常谈JavaScript数组的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript关键字this的用法总结
这篇文章介绍了JavaScript关键字this的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
asm.js使用示例代码
asm.js是一个底层、格外为 JavaScript 子集优化的编译器。这是 Mozilla 研究项目，类似 Emscripten, Mandreel, 和 LLJS,这个示例让我们简单学习一下asm.js的使用
2013-11-11