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 相关文章推荐
js获取变量
Aug 24 Javascript
Mootools 1.2教程 Tooltips
Sep 15 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
javascript的函数作用域
Nov 12 Javascript
用原生js做单页应用
Jan 17 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 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
数理公式,也可以这么唯美
2021/03/10 无线电
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
js查找节点的方法小结
2015/01/13 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
JavaScript动态创建二维数组的方法示例
2019/02/01 Javascript
jquery+ajax实现异步上传文件显示进度条
2020/08/17 jQuery
vc6编写python扩展的方法分享
2014/01/17 Python
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
使用Python实现文字转语音并生成wav文件的例子
2019/08/08 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
物流管理专业大学生自荐信
2013/10/04 职场文书
开业庆典邀请函
2014/01/08 职场文书
教师产假请假条范文
2014/04/10 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
市场营销工作计划书
2014/09/15 职场文书
学习保证书100字
2015/02/26 职场文书
MySQL中order by的使用详情
2021/11/17 MySQL