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 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
js form action动态修改方法
Nov 04 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
js 颜色选择插件
Jan 23 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
vue实现tab栏点击高亮效果
Aug 19 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中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
PHP编程获取各个时间段具体时间的方法
2017/05/26 PHP
深入理解javascript变量声明
2014/11/20 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
JS中的phototype详解
2017/02/04 Javascript
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
python设置windows桌面壁纸的实现代码
2013/01/28 Python
python模拟事件触发机制详解
2018/01/19 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
使用selenium模拟登录解决滑块验证问题的实现
2019/05/10 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Python画图高斯分布的示例
2019/07/10 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Pytorch之Variable的用法
2019/12/31 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
护理毕业生自荐信范文
2013/12/22 职场文书
运动会获奖感言
2014/02/11 职场文书
抽奖活动主持词
2014/03/31 职场文书
环保标语大全
2014/06/12 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle