详解javascript void(0)


Posted in Javascript onJuly 13, 2020

void关键字介绍

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

语法格式:

  1. void func()
  2. 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>

控制台输出:

详解javascript void(0)

很显然,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 void(0)的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
javascript 面向对象编程  function是方法(函数)
Sep 17 Javascript
使用js写的一个简易的投票
Nov 27 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
jquery幻灯片插件bxslider样式改进实例
Oct 15 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
js form表单input框限制20个字符,10个汉字代码实例
Apr 12 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 #Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 #Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 #Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
Jul 13 #Javascript
Vue3新特性之在Composition API中使用CSS Modules
Jul 13 #Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 #Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 #Javascript
You might like
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
jQuery chili图片远处放大插件
2009/11/30 Javascript
js 刷新页面的代码小结 推荐
2010/04/02 Javascript
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
2017/03/13 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
JS实现旋转木马轮播图
2020/01/01 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
对python list 遍历删除的正确方法详解
2018/06/29 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
Django stark组件使用及原理详解
2019/08/22 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
Python 元组操作总结
2019/09/18 Python
python mock测试的示例
2020/10/19 Python
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
信息管理专业推荐信
2013/10/29 职场文书
入党思想汇报怎么写
2014/04/03 职场文书
监察建议书
2015/02/04 职场文书
《颐和园》教学反思
2016/02/19 职场文书
手把手带你彻底卸载MySQL数据库
2022/06/14 MySQL