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 相关文章推荐
理解Javascript_12_执行模型浅析
Oct 18 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
微信小程序如何使用云开发
May 17 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
JS代码检查工具ESLint介绍与使用方法
Feb 04 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 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
mysql时区问题
2008/03/26 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
TBCompressor js代码压缩
2011/01/05 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
nodejs教程之入门
2014/11/21 NodeJs
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
AngularJS模仿Form表单提交的实现代码
2016/12/08 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
微信小程序之发送短信倒计时功能
2017/08/30 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
python简单读取大文件的方法
2016/07/01 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
python的Tqdm模块的使用
2018/01/10 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
Python3标准库总结
2019/02/19 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
会计专业应届生求职信
2013/11/24 职场文书
中英文自我评价语句
2013/12/20 职场文书
服装电子商务创业计划书
2014/01/30 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
学生通报表扬范文
2015/05/04 职场文书