耀极客论坛

 找回密码
 立即注册
查看: 643|回复: 0

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

[复制链接]

336

主题

318

帖子

22万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
220555
发表于 2022-5-9 01:45:07 | 显示全部楼层 |阅读模式
  这篇文章介绍了javascript:void(0)的含义及用法实例,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
void关键字介绍
  首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。
  语法格式:
       
  • void func()   
  • void(func())
实例1
  当点击超级链接时,什么都不发生
  1. ‹!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 -->
  2.     ‹a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >单击此处什么都不会发生‹/a>‹br>
复制代码
实例2
  执行void操作符当中的代码
  1. ‹!-- 2.执行 void() 操作符中的代码 -->
  2.     ‹a href="javascript:void(alert('还真点啊你,真听话!!!哈哈哈!!!'))" rel="external nofollow" >点我弹出警告框!!!‹/a>‹br>
  3.     ‹a href="javascript:void(console.log('还真点啊你,真听话!!!哈哈哈!!!'))" rel="external nofollow" >点我输出到控制台!!!‹/a>‹br>
复制代码
实例3
  计算void操作符当中的算术
  html:
  1. ‹button type="button">点我‹/button>
复制代码
  js:
  1. ‹script type="text/javascript">
  2.         document.querySelector('button').addEventListener('click', function () {
  3.             var a, b, c, d;
  4.             a = void(b = 2, c = 3);
  5.             console.log('a => ' + a);
  6.             console.log('b => ' + b);
  7.             console.log('c => ' + c);
  8.             console.log('d => ' + d);
  9.         });
  10.     ‹/script>
复制代码
  控制台输出:

  很显然,2赋值给了a, 3赋值给了b, a 和 d一样只是定义了没有赋值,所以为 undefined
# 与 javascript:void(0)的区别:
  #可以跳转到设置了id的目的地
  javascript:void(0)则停留在原地,一动不动,我们称之为“死链接”
  如下面这个例子:
  1. ‹a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >你点吧,反正我就是不动,嘿嘿嘿!!!‹/a>‹br>
  2.     ‹a href="#destination" rel="external nofollow" >点我跳转‹/a>
  3.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  4.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  5.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  6.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  7.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  8.     ‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>‹br>
  9.     ‹h2 id="destination">目的地‹/h2>
复制代码
       
  • 当点击第一个链接时,一动不动   
  • 当点击第二个连接时,会跳转到指定id得位置(页面最底部)
  到此这篇关于javascript:void(0)的含义及用法实例的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-7 10:53 , Processed in 0.070157 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表