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 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
Vue如何实现监听组件原生事件
Jul 03 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 全角转半角实现代码
2010/05/16 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
php微信公众号开发模式详解
2016/11/28 PHP
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
BootStrap轻松实现微信页面开发代码分享
2016/10/21 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
通过button将form表单的数据提交到action层的实例
2017/09/08 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
python读取浮点数和读取文本文件示例
2014/05/06 Python
Python selenium文件上传方法汇总
2020/11/19 Python
python图书管理系统
2020/04/05 Python
执行Python程序时模块报错问题
2020/03/26 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
Mamaearth官方网站:印度母婴护理产品公司
2019/10/06 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
优秀生推荐信范文
2013/11/28 职场文书
开朗女孩的自我评价
2014/02/10 职场文书
报效祖国演讲稿
2014/09/15 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
网络销售员岗位职责
2015/04/11 职场文书
2016党员党课心得体会
2016/01/07 职场文书
MySQL系列之十 MySQL事务隔离实现并发控制
2021/07/02 MySQL
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python