javascript:void(0)的作用示例介绍


Posted in Javascript onOctober 28, 2013

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。

通常的用法为:

<a href="javascript:void(0)">单击此处看看效果</a>

实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。

用到javascript:void(0)的情况主要形式有以下几种:

//点击链接后不做任何事情 
<a href="javascript:void(0);" >test</a> 
<a href="javascript:;" >test</a> 
<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的

//点击链接后,响应用户自定义的点击事件 
<a href="javascript:void(0)" onclick="doSomething()">test</a>
Javascript 相关文章推荐
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
Vue中组件之间数据的传递的示例代码
Sep 08 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
Feb 11 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
jsonp原理及使用
Oct 28 #Javascript
JS实现一键回顶功能示例代码
Oct 28 #Javascript
简单的js表单验证函数
Oct 28 #Javascript
自己写的Javascript计算时间差函数
Oct 28 #Javascript
Textarea根据内容自适应高度
Oct 28 #Javascript
将json当数据库一样操作的javascript lib
Oct 28 #Javascript
一个JavaScript变量声明的知识点
Oct 28 #Javascript
You might like
Terran兵种对照表
2020/03/14 星际争霸
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
Laravel日志用法详解
2016/10/09 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
python socket 超时设置 errno 10054
2014/07/01 Python
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Numpy数组的保存与读取方法
2018/04/04 Python
python3 requests中使用ip代理池随机生成ip的实例
2018/05/07 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
初入社会应届生求职信
2013/11/18 职场文书
自主招生自荐书
2013/11/29 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
代办社保委托书范文
2014/10/06 职场文书
校车安全管理责任书
2015/05/11 职场文书
JavaScript 实现页面滚动动画
2021/04/24 Javascript