javascript void(0)的妙用


Posted in Javascript onOctober 21, 2009

void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
<a href=”javascript:void(0)”>单击此处什么也不会发生</a>
也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。

在调用自这自定义的JS函数时,如果我们使用<a href="#" onclick="method;">click</a>时,虽然方法可以执行,但是如果页面含有滚动条,会自动滚动到页面的顶端,如果这个时候我们使用<a href="javascript:void(0); onclick="method;">click</a>,执行时,页面将不会发生滚动,这个对于图片切换、AJAX调用 应该非常有用.

Javascript 相关文章推荐
IE bug table元素的innerHTML
Jan 11 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
jquery实现弹出层遮罩效果的简单实例
Mar 03 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
详解vue-cli3使用
Aug 14 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
extjs 学习笔记 四 带分页的grid
Oct 20 #Javascript
Jquery Ajax.ashx 高效分页实现代码
Oct 20 #Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 #Javascript
Javascript remove 自定义数组删除方法
Oct 20 #Javascript
JavaScript 事件记录使用说明
Oct 20 #Javascript
7个Javascript地图脚本整理
Oct 20 #Javascript
JavaScript 自动完成脚本整理(33个)
Oct 20 #Javascript
You might like
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
2021/01/13 Vue.js
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中字典和集合学习小结
2017/07/07 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
介绍一下Java的安全机制
2012/06/28 面试题
模具专业推荐信
2013/10/30 职场文书
培训班主持词
2014/03/28 职场文书
授权委托书范本
2014/04/03 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
从事会计工作年限证明
2015/06/23 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
react中props 的使用及进行限制的方法
2021/04/28 Javascript