iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javascript:void(0)的含义及用法实例
  • 356
分享到

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

2024-04-02 19:04:59 356人浏览 薄情痞子
摘要

void关键字介绍 首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。 语法格式: void func()

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)的含义及用法实例的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: javascript:void(0)的含义及用法实例

本文链接: https://www.lsjlt.com/news/159765.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript:void(0)的含义及用法实例
    void关键字介绍 首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。 语法格式: void func() ...
    99+
    2024-04-02
  • javascript:void(0);用法及常见问题解析
    javascript:void(0) 是一种特殊的 JavaScript 语法,用于在 HTML 中创建一个空链接或空操作。它的常见...
    99+
    2023-09-09
    java
  • WMI的含义及用法
    本篇内容主要讲解“WMI的含义及用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“WMI的含义及用法”吧!什么是WMIWindows Management Instrumentation (WM...
    99+
    2023-06-17
  • JavaScript中.?、??、??=的用法及含义是什么
    今天小编给大家分享一下JavaScript中.、、=的用法及含义是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。可选链(...
    99+
    2023-06-29
  • java静态代理的含义及用法
    说明 1、如果代理在程序运行之前就已经存在了,那么这种代理方式就成了静态代理,在这种情况下,代理通常是由我们在Java代码中定义的。 2、一般来说,静态代理中的代理类和委托类将实现相...
    99+
    2024-04-02
  • 聊聊JavaScript中.?、??、??=的用法以及含义
    目录前言可选链(.)空值合并运算符()空值赋值运算符(=)趣味问答时间:值得注意的是 : 是忽视 null ,undefined 等错误的值最后前言 在项目中我们往往要做很多很多的空...
    99+
    2024-04-02
  • vue中$的含义及用法是什么
    这篇文章主要讲解了“vue中$的含义及用法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue中$的含义及用法是什么”吧!这些只是Vue的命名规则,为了区分普通变量属性,避免我们自己声...
    99+
    2023-07-06
  • Python笔记之a=[0]*x格式的含义及说明
    目录python a = [0]*x格式的含义python使用技巧与爬过的坑1 dict的使用2 numpy3 文件操作python a = [0]*x格式的含义 a为一个含有x个字...
    99+
    2024-04-02
  • Java中DecimalFormat用法及符号含义
    我们经常要将数字进行格式化,比如取2位小数,这是最常见的。Java 提供DecimalFormat类,帮你用最快的速度将数字格式化为你需要的样子。下面是一个例子: import ...
    99+
    2024-04-02
  • python中 @的含义以及基本使用方法
    目录一、表示修饰符。二、表示矩阵乘法。总结一、表示修饰符。 可以在模块或者类的定义层内对函数进行修饰。出现在函数定义的前一行,不允许和函数定义在同一行。 一个修饰符就是一个函数,它将...
    99+
    2024-04-02
  • PHP箭头符号的含义及用法详解
    PHP箭头符号的含义及用法详解 在PHP中,箭头符号 "->" 是一个非常重要的符号,它通常用于访问对象的属性和方法。箭头符号表示一个对象或类的成员访问操作,通过箭头符号,我们可...
    99+
    2024-04-02
  • CSS中使用大于号的含义及使用方法
    本篇内容介绍了“CSS中使用大于号的含义及使用方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!代码如下:...
    99+
    2024-04-02
  • python中class(object)的含义是什么以及用法
    目录python class(object)的含义class, class()和class(object)的区别为什么要继承object类class, class()和class(o...
    99+
    2023-02-03
    python class python object python class(object)
  • vue中的$含义及其用法详解($xxx引用的位置)
    目录摘抄运用总结看了各个帖子的描述,还是未能参透$在vue中所想发挥的本意,将一些一知半解的理解摘抄下来,顺带附上自己常见的用法,以加深理解和记忆。 摘抄 这些只是Vue的命名规则,...
    99+
    2023-05-15
    vue中$的用法 vue中$的作用 vue中$什么意思
  • MavenOptional依赖属性的含义及妙用
    目录什么是Maven Optional依赖?为什么需要Maven Optional依赖?减少依赖传递避免依赖冲突减少构建大小Maven Optional依赖的妙用场景1:降低库的依赖...
    99+
    2023-05-19
    Maven Optional依赖属性 Maven Optional
  • mysql explain中key_len的含义以及计算方法
    目录前言计算key_len注意事项:示例总结前言 在Mysql中执行explain的结果中有一列为key_len,那么key_len的含义是什么呢? key_len:表示索引使用的字...
    99+
    2024-04-02
  • CSS 变量的含义和用法
    本篇内容主要讲解“CSS 变量的含义和用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS 变量的含义和用法”吧!随着  Web应用程序变得越来越...
    99+
    2024-04-02
  • javascript中return的含义和用法
    这篇文章主要介绍“javascript中return的含义和用法”,在日常操作中,相信很多人在javascript中return的含义和用法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望...
    99+
    2024-04-02
  • 静态IP的含义及作用是什么
    本篇内容介绍了“静态IP的含义及作用是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!我相信很多经常上网的伙伴都不知道IP地址,但也有不太...
    99+
    2023-06-20
  • php中常用的输出语句及含义
    php 中常见的输出语句有 4 种:echo:输出一个或多个值,值之间用空格分隔。print:只能输出一个值。printf:可以格式化输出,采用占位符指定变量插入位置。var_dump:...
    99+
    2024-04-26
    格式化输出
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作