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 相关文章推荐
JavaScript iframe的相互操作浅析
Oct 14 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
JS中使用textPath实现线条上的文字
Dec 25 Javascript
vue实现点击展开点击收起效果
Apr 27 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
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
PHP的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
PHP读取文件并可支持远程文件的代码分享
2012/10/03 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
用vue构建多页面应用的示例代码
2017/09/20 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
React组件refs的使用详解
2018/02/09 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
Vue实现一个图片懒加载插件
2019/03/11 Javascript
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
python二叉树遍历的实现方法
2013/11/21 Python
python 统计代码行数简单实例
2017/05/04 Python
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
Python多线程thread及模块使用实例
2020/04/28 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
妇女儿童发展规划实施方案
2014/03/16 职场文书
《海底世界》教学反思
2014/04/16 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
实习证明格式范文
2015/06/16 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
Python编程super应用场景及示例解析
2021/10/05 Python