js中 javascript:void(0) 用法详解


Posted in Javascript onAugust 11, 2015

javascript:void(0)表示不做任何动作。如:

<a href="javascript:void(0);" onclick="alert('ok');"></a> 

这里表示这个链接不做跳转动作,执行onClick事件。

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

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

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

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

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=""

总结:

1 void(0)用于执行某些处理,但是不整体刷新页面的情况下,但是在需要对页面进行refresh的情况下,那就要仔细了。

2 其实我们可以这样用<a href=”javascript:void(document.form.submit())”>,这句话会进行一次submit操作。那什么情 况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新

3 说白了,href="#"这种形式会整体刷新页面,而 href="javascript:void(0)" 则不会

以上内容介绍了js中 javascript:void(0) 的含义,希望对大家有所帮助。

Javascript 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
Jan 05 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
解决vuex刷新数据消失问题
Nov 12 Javascript
js判断两个数组相等的5种方法
May 06 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 #Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 #Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 #Javascript
高性能JavaScript DOM编程(1)
Aug 11 #Javascript
jQuery中prepend()方法使用详解
Aug 11 #Javascript
javascript实现数组中的内容随机输出
Aug 11 #Javascript
javascript弹出拖动窗口
Aug 11 #Javascript
You might like
php date()日期时间函数详解
2010/05/16 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
JavaScript写的一个自定义弹出式对话框代码
2010/01/17 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
Vue.js双向绑定操作技巧(初级入门)
2016/12/27 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
详解如何在vue-cli中使用vuex
2018/08/07 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
python3爬取数据至mysql的方法
2018/06/26 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
对python判断是否回文数的实例详解
2019/02/08 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
Python中return函数返回值实例用法
2020/11/19 Python
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
Java的类与C++的类有什么不同
2014/01/18 面试题
征婚广告词
2014/03/17 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
管理失职检讨书范文
2015/05/05 职场文书
风之谷观后感
2015/06/11 职场文书
婚礼答谢词范文
2015/09/29 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python