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 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
jquery动态添加option示例
Dec 30 Javascript
js闭包的用途详解
Nov 09 Javascript
浅谈jQuery事件绑定原理
Jan 02 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
webpack的pitching loader详解
Sep 23 Javascript
微信小程序转化为uni-app项目的方法示例
May 22 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 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
PHP中用hash实现的数组
2011/07/17 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
jQuery 使用手册(二)
2009/09/23 Javascript
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
python遍历序列enumerate函数浅析
2017/10/17 Python
解决python "No module named pip" 的问题
2018/10/13 Python
python列表使用实现名字管理系统
2019/01/30 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
numpy 声明空数组详解
2019/12/05 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python 安装impala包步骤
2020/03/28 Python
Python新手学习标准库模块命名
2020/05/29 Python
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
专升本自我鉴定
2013/10/10 职场文书
企业车辆管理制度
2014/01/24 职场文书
争先创优公开承诺书
2014/08/30 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
电力安全教育培训心得体会
2016/01/11 职场文书
Kubernetes控制节点的部署
2022/04/01 Servers