详解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 相关文章推荐
jQuery中before()方法用法实例
Dec 25 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
JavaScript小技巧整理
Dec 30 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
JS简单表单验证功能完整示例
Jan 26 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 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加密扩展库Mcrypt安装和实例
2013/11/10 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
IE8 兼容性问题(属性名区分大小写)
2009/06/04 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
深入探寻seajs的模块化与加载方式
2015/04/14 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
python选择排序算法的实现代码
2013/11/21 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python用for循环实现九九乘法表
2018/05/31 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Python实现Linux监控的方法
2019/05/16 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
如何使用Cython对python代码进行加密
2020/07/08 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
Gap英国官网:Gap UK
2018/07/18 全球购物
建材业务员岗位职责
2013/12/08 职场文书
晋江市人民政府党组群众路线教育实践活动整改方案
2014/10/25 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
六一儿童节致辞
2015/07/31 职场文书
解读MySQL的客户端和服务端协议
2021/05/10 MySQL