javascript:void(0)的用法
类别:Web前端 浏览量:1106
时间:2013-7-27 javascript:void(0)的用法
javascript:void(0)的用法在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。
通常的用法为:
<a href="javascript:void(0)">单击此处看看效果</a>
实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。
用到javascript:void(0)的情况主要形式有以下几种:
//点击链接后不做任何事情
1.<a href="javascript:void(0);" >test</a>
2.<a href="javascript:;" >test</a>
3.<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的
JScript 代码 复制
//点击链接后,响应用户自定义的点击事件
1.<a href="javascript:void(0)" onclick="doSomething()">test</a>
您可能感兴趣
- js常见面试题
- next js上线(Next.js入门使用教程)
- nodejs启动web服务器(使用NODE.JS创建一个WEBSERVER服务器的步骤)
- js搜索功能的实现(前端JavaScript实现本地模糊搜索功能的方法实例)
- Extjs updateProgress进度条的应用
- mysql中json的支持(MySQL中json字段的操作方法)
- js 全局变量与局部变量
- js定时器几分钟执行(利用JS定时器实现元素移动)
- sqlserver常见函数(SQL Server之JSON 函数详解)
- mysql xml转换json(Mysql将查询结果集转换为JSON数据的实例代码)
- jsforeach语句(JS面试题之forEach能否跳出循环详解)
- python3json序列化(Python3.5 Json与pickle实现数据序列化与反序列化操作示例)
- extjs xtype的使用
- js的事件处理程序底层原理(关于js的事件循环机制剖析)
- JS动态操作select的option
- python pdf文件操作(Python常见读写文件操作实例总结文本、json、csv、pdf等)
- 这支 奇兵队 腕大 有范儿还各怀绝技,毒贩杀人犯见了都要仓皇而逃(这支奇兵队腕大)
- 雄藩崛起 奇兵队与幕末长州藩军事改革(雄藩崛起奇兵队与幕末长州藩军事改革)
- 九月初,爱如蜜糖,甜到心扉,迷恋彼此,一日不见兮,思之若狂(九月初爱如蜜糖)
- ()
- 对你思念入骨的女人,跟你见面时会有这几种表现,藏都藏不住(对你思念入骨的女人)
- 纳兰性德绝美作,一场重逢,成就最后一首称得上惊艳的《如梦令》(纳兰性德绝美作)
热门推荐
- 关闭ssl证书验证模块(开启OCSP提升https证书验证效率解决Let’s Encrypt SSL证书访问慢的问题)
- serv-u怎么用web登录(serv-u服务器的管理方法与功能分析)
- for循环能有两个变量吗(关于var在for循环遇到的问题解决)
- 阿里云怎么开启tomcat权限(腾讯云服务器tomcat端口无法访问的解决方法)
- sql 查询结果别名(SQL查询中需要使用别名问题)
- docker本地项目生成镜像(docker images本地迁移的实现)
- php博客开发短信原理(PHP如何实现阿里云短信sdk灵活应用在项目中的方法)
- 更改docker容器的ip地址(docker容器通过ping直接运行获取公网IP操作)
- 还有什么问题要问我们的吗,如何回答
- nginx配置详解(nginx请求限制配置方法)