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 相关文章推荐
Visual Studio中的jQuery智能提示设置方法
Mar 27 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
Aug 11 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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
sourcesafe管理phpproj文件的补充说明(downmoon)
2009/04/11 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python利用beautifulSoup实现爬虫
2014/09/29 Python
Python的Flask站点中集成xhEditor文本编辑器的教程
2016/06/13 Python
python实现kNN算法
2017/12/20 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
解决Python Matplotlib绘图数据点位置错乱问题
2020/05/16 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
增大python字体的方法步骤
2020/07/05 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
有个性的自我评价范文
2013/11/15 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
redis中lua脚本使用教程
2021/11/01 Redis
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android