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 工具函数学习资料
Apr 29 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
jquery实现动静态条形统计图
Aug 17 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
layui中select,radio设置不生效的解决方法
Sep 05 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 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
ADODB类使用
2006/11/25 PHP
用缓存实现静态页面的测试
2006/12/06 PHP
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
destoon二次开发入门示例
2014/06/20 PHP
学习php中的正则表达式
2014/08/17 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
Jquery ui css framework
2010/06/28 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
javascript的理解及经典案例分析
2016/05/20 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
Pyramid添加Middleware的方法实例
2013/11/27 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
python tkinter界面居中显示的方法
2018/10/11 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
python实现扫雷小游戏
2020/04/24 Python
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
店长岗位职责
2013/11/21 职场文书
幼儿园中秋节活动方案2013
2014/01/29 职场文书
销售团队激励口号
2014/06/06 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android