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 相关文章推荐
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
js实现div拖动动画运行轨迹效果代码分享
Aug 27 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
js实现密码强度检验
Jan 15 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
node.js 微信开发之定时获取access_token
Feb 07 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 Vue.js
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
PHP模拟QQ登录的方法
2015/07/29 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
javascript实现动态标签云
2015/10/16 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
Python中的进程分支fork和exec详解
2015/04/11 Python
pygame游戏之旅 游戏中添加显示文字
2018/11/20 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
python中os包的用法
2020/06/01 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
任课老师推荐信范文
2013/11/24 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
同事吵架检讨书
2014/02/05 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
个人汇报材料范文
2014/12/30 职场文书
乔迁新居祝福语
2019/11/04 职场文书
Python Pandas解析读写 CSV 文件
2022/04/11 Python
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python