javascript:void(0)的含义
程序员文章站
2022-05-15 13:25:49
void关键字介绍 首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。 语法格式: 实例1 当点击超级链接时,什么都不发生 实例2 执行void操作符当中的代码 实例3 计算void操作符当中的算术 html: js: 控制台输出: 很 ......
void关键字介绍
首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。
语法格式:
- void func()
- void(func())
实例1
当点击超级链接时,什么都不发生
<!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 --> <a href="javascript:void(0);">单击此处什么都不会发生</a><br>
实例2
执行void操作符当中的代码
<!-- 2.执行 void() 操作符中的代码 --> <a href="javascript:void(alert('还真点啊你,真听话!!!哈哈哈!!!'))">点我弹出警告框!!!</a><br> <a href="javascript:void(console.log('还真点啊你,真听话!!!哈哈哈!!!'))">点我输出到控制台!!!</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);">你点吧,反正我就是不动,嘿嘿嘿!!!</a><br> <a href="#destination">点我跳转</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得位置(页面最底部)
上一篇: 怎么删除服务中的mysql服务
下一篇: PHP7.1-soap扩展安装
推荐阅读
-
详解JavaScript中void语句的使用
-
浅谈href=#与href=javascript:void(0)的区别
-
在javascript中,null>=0 为真,null==0却为假,null的值详解
-
JavaScript和TypeScript中的void的具体使用
-
JavaScript迭代器的含义及用法
-
JavaScript实现数字前补“0”的五种方法示例
-
javascript:void(0)的含义
-
为了防止页面重新自动加载,可以给a标签设置href="javascript:void(0);"
-
Linux中变量#,@,0,1,2,*,$$,$?的含义描述
-
为何JS操作的href都是javascript:void(0);呢