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 相关文章推荐
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
javaScript基础语法介绍
Feb 28 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
js调用刷新界面的几种方式
May 03 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
Oct 10 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
Angular 5.x 学习笔记之Router(路由)应用
Apr 08 Javascript
eslint 的三大通用规则详解
May 16 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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 命名空间实例说明
2011/01/27 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
Python列表解析配合if else的方法
2018/06/23 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
浅析pip安装第三方库及pycharm中导入第三方库的问题
2020/03/10 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
21岁生日感言
2014/02/27 职场文书
如何写自我鉴定
2014/03/19 职场文书
出生公证书样本
2014/04/04 职场文书
教师读书活动总结
2014/05/07 职场文书
2014年六一儿童节演讲稿
2014/05/23 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
趣味运动会广播稿
2014/09/13 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
2014年法务工作总结
2014/12/11 职场文书
房地产项目合作意向书
2015/05/08 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
SQLServer中exists和except用法介绍
2021/12/04 SQL Server
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL
Win11软件图标固定到任务栏
2022/04/19 数码科技
如何利用python创作字符画
2022/06/25 Python