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中几种去掉字串左右空格的方法
Dec 25 Javascript
jquery中对表单的基本操作代码
Jul 29 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
Mar 31 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
微信小程序实现人脸识别
May 25 Javascript
IE9 elementUI文件上传的问题解决
Oct 17 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
Aug 22 Javascript
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
高性能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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
php中的比较运算符详解
2013/10/28 PHP
动态刷新 dorado树的js代码
2009/06/12 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
jQuery Password Validation密码验证
2016/12/30 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
连接Python程序与MySQL的教程
2015/04/29 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
python如何操作mysql
2020/08/17 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
设计毕业生简历中的自我评价
2013/10/01 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
vue+echarts实现多条折线图
2022/03/21 Vue.js