js中javascript:void(0) 真正含义


Posted in Javascript onNovember 05, 2020

我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢?

javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。

语法格式如下:

void func()
javascript:void func()

或者

void(func())
javascript:void(func())

下面的代码创建了一个超级链接,当用户点击以后不会发生任何事。

实例

<a href="javascript:void(0)">单击此处什么也不会发生</a>

当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。

以下实例中,在用户点击链接后显示警告信息:

实例

<p>点击以下链接查看结果:</p>
<a href="javascript:void(alert('Warning!!!'))">点我!</a>

以下实例中参数 a 将返回 undefined :

实例

function getValue(){
  var a,b,c;
  a = void ( b = 5, c = 7 );
  document.write('a = ' + a + ' b = ' + b +' c = ' + c );
}

href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。

<a href="javascript:void(0);">点我没有反应的!</a>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p>

补充

void()仅仅是代表不返回任何值,但是括号内的表达式还是要运行,如

void(alert("Warnning!"))

// 阻止链接跳转,URL不会有任何变化
<a href="javascript:void(0)" rel="nofollow ugc">点击此处</a>

// 虽然阻止了链接跳转,但URL尾部会多个#,改变了当前URL。(# 主要用于配合 location.hash)
<a href="#" rel="nofollow ugc">点击此处</a>

// 同理,# 可以的话,? 也能达到阻止页面跳转的效果,但也相同的改变了URL。(? 主要用于配合 location.search)
<a href="?" rel="nofollow ugc">点击此处</a>

// Chrome 中即使 javascript:0; 也没变化,firefox中会变成一个字符串0
<a href="javascript:0" rel="nofollow ugc">点击此处</a>

下面是其他同学的补充

在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。

我想使用过ajax的都常见这样的代码:

<a href="javascript:doTest2();void(0);">here</a>

但这儿的void(0)究竟是何含义呢?

void 操作符用法格式如下:

1. javascript:void (expression)

2. javascript:void expression

expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。 (实现版本   Navigator 3.0   )

你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。

下面的代码创建了一个超级链接,当用户以后不会发生任何事。当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。

<A HREF="javascript:void(0)">单此处什么也不会发生</A>

下面的代码创建了一个超级链接,用户单时会提交表单。

<A HREF="javascript:void(document.form.submit())">单此处提交表单</A>

a href=#与 a href=javascript:void(0) 的区别 链接的几种办法

#包含了一个位置信息

默认的锚是#top 也就是网页的上端

而javascript:void(0)   仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#是

跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等

链接的几种办法

1.window.open(''url'')

2.用自定义函数

<script>
 function openWin(tag,obj)
 {
 obj.target="_blank";
 obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
 obj.click();
 }
 </script>
<a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>
window.location.href=""

以上内容介绍了js中javascript:void(0) 真正含义,希望对大家今后的工作和学习有所帮助。

Javascript 相关文章推荐
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
JS实现切换标签页效果实例代码
Nov 01 Javascript
window.location不跳转的问题解决方法
Apr 17 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 Javascript
Javascript中的解构赋值语法详解
Apr 02 Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 #Javascript
js焦点文字滚动效果代码分享
Aug 25 #Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 #Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 #Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 #Javascript
jQuery下拉美化搜索表单效果代码分享
Aug 25 #Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 #Javascript
You might like
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
javascript实现手机震动API代码
2015/08/05 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
js中的闭包学习心得
2018/02/06 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
Python获取脚本所在目录的正确方法
2014/04/15 Python
Python 文件处理注意事项总结
2017/04/10 Python
一百多行python代码实现抢票助手
2018/09/25 Python
python实现狄克斯特拉算法
2019/01/17 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
Python如何将字符串转换为日期
2020/07/31 Python
Python如何获取文件路径/目录
2020/09/22 Python
python 实现逻辑回归
2020/12/30 Python
python链表类中获取元素实例方法
2021/02/23 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
倩碧英国官网:Clinique英国
2018/08/10 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
小学中等生评语
2014/12/29 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
七年级写作指导之游记作文
2019/10/07 职场文书