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 相关文章推荐
js window.event对象详尽解析
Feb 17 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
React学习笔记之列表渲染示例详解
Aug 22 Javascript
angular4应用中输入的最小值和最大值的方法
May 17 Javascript
VUE写一个简单的表格实例
Aug 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
Zerg兵种介绍
2020/03/14 星际争霸
十天学会php之第四天
2006/10/09 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
基于jquery的滑动样例代码
2010/11/20 Javascript
关于textarea提交的内容无法换行的解决办法
2013/04/09 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
如何更好的编写js async函数
2018/05/13 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
python基础教程之常用运算符
2014/08/29 Python
python如何生成网页验证码
2018/07/28 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
django框架ModelForm组件用法详解
2019/12/11 Python
Python必须了解的35个关键词
2020/07/16 Python
Python 实现集合Set的示例
2020/12/21 Python
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
咨询公司各岗位职责
2013/12/02 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
会计出纳岗位职责
2013/12/25 职场文书
《临死前的严监生》教学反思
2014/02/13 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书