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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
IE6,IE7下js动态加载图片不显示错误
Jul 17 Javascript
理解javascript回调函数
Dec 28 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
javascript条件式访问属性和箭头函数介绍
Nov 17 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 self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
php whois查询API制作方法
2011/06/23 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
PHP写日志的实现方法
2014/11/05 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
ExtJS中文乱码之GBK格式编码解决方案及代码
2013/01/20 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
简单实现js放大镜效果
2017/07/24 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
go和python调用其它程序并得到程序输出
2014/02/10 Python
Python的动态重新封装的教程
2015/04/11 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
pytorch动态网络以及权重共享实例
2020/01/06 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
大专自我鉴定范文
2013/10/01 职场文书
电子商务毕业生求职信
2013/11/10 职场文书
新闻专业本科生的自我评价分享
2013/11/20 职场文书
数学教学随笔感言
2014/02/17 职场文书
大学开学计划书
2014/04/30 职场文书
年会邀请函范文
2015/01/30 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
家长会感言
2015/08/01 职场文书