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中常用的SET和GET
Jan 13 Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
详解jQuery中的empty、remove和detach
Apr 11 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
Postman参数化实现过程及原理解析
Aug 13 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
PHP加密解密类实例分析
2015/04/20 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
javascript中Date对象的getDay方法使用指南
2014/12/22 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
2017/09/12 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
2017/11/02 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
Python中的匿名函数使用简介
2015/04/27 Python
Django与遗留的数据库整合的方法指南
2015/07/24 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python json转字典字符方法实例解析
2020/04/13 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
香港化妆品经销商:我的公主
2016/08/05 全球购物
入股协议书范本
2014/04/14 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
建国大业观后感600字
2015/06/01 职场文书
焦裕禄观后感
2015/06/03 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
抖音动画片,皮皮虾,《治愈系》动画在用这首REMIX作为背景音乐,Anak ,The last world with you完整版
2022/03/16 杂记
mysql sql常用语句大全
2022/06/21 MySQL
python数字图像处理:图像的绘制
2022/06/28 Python