javascript:void(0)的含义及用法实例
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
void关键字介绍
首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。
语法格式:
- void func()
- void(func())
实例1
当点击超级链接时,什么都不发生
1 2 | <!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 --> < a href = "javascript:void(0);" rel = "external nofollow" rel = "external nofollow" >单击此处什么都不会发生</ a >< br > |
实例2
执行void操作符当中的代码
1 2 3 | <!-- 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:
js:
1 2 3 4 5 6 7 8 9 10 | <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)则停留在原地,一动不动,我们称之为“死链接”
如下面这个例子:
1 2 3 4 5 6 7 8 9 | < 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)用法及常见问题分析
- 为何JS操作的href都是javascript:void(0);呢
- js中javascript:void(0) 真正含义
- js中 javascript:void(0) 用法详解
- javascript:void(0)的问题使用探讨
- javascript:void(0)是什么意思示例介绍
- javascript:void(0)的作用示例介绍
- javascript:void(0)使用探讨
- javascript:;与javascript:void(0)使用介绍
- 浅谈href=#与href=javascript:void(0)的区别
- javascript void(0)的妙用
- javascript:void(0)的真正含义实例分析
- javascript:void(0)用法及常见问题解析
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
JavaScript中关于indexOf的使用方法与问题小结
indexOf方法的作用是:根据给定参数x返回目标字符串(可以看成字符的数组)或数组中与x相等的项的索引。2010-08-08javascript indexOf方法、lastIndexOf 方法和substring 方法
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。2009-03-03
最新评论