给html超链接设置事件不使用href来完成跳


Posted in Javascript onApril 20, 2014

有的时候,我们需要使用<a>这个超级链接,而又不使用href来完成跳转,而是如:<a href="#" onClick="fun()"></a>这种方式。这样,就不会让页面跳转。但是同时也会带来一些负面的问题,比如页面的title变成了“#”,或者页面出现了滚动条什么的。这是因为在执行完了onClick事件后,<a>又去跳转href所指向的地址了,而”#“是个锚点,默认是网页的页首,所以会带来上边所说的问题。

解决方法有以下两种:

1、onClick事件添加return false语句,例如:

<a href="#" onClick="fun(); return false;">点击</a>

2、用void(0)的方式代替#,例如:
<a href="javascript:void(0)" onclick="fun()">点击</a>
Javascript 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
js opener的使用详解
Jan 11 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
javascript实现日期按月份加减
May 15 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
自己动手封装一个React Native多级联动
Sep 19 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
jQuery响应enter键的实现思路
Apr 18 #Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 #Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 #Javascript
用jquery仿做发微博功能示例
Apr 18 #Javascript
实例说明为什么不要行内使用javascript
Apr 18 #Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 #Javascript
禁用Tab键JS代码兼容Firefox和IE
Apr 18 #Javascript
You might like
如何把PHP转成EXE文件
2006/10/09 PHP
php写的简易聊天室代码
2011/06/04 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
PHP面向对象五大原则之开放-封闭原则(OCP)详解
2018/04/04 PHP
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
jQuery插件的写法分享
2013/06/12 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
理理Vue细节(推荐)
2019/04/16 Javascript
JS实现简单日历特效
2020/01/03 Javascript
[08:08]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY
2014/06/25 DOTA
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
pyqt5 禁止窗口最大化和禁止窗口拉伸的方法
2019/06/18 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
《青海高原一株柳》教学反思
2014/04/25 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2014年学校卫生工作总结
2014/11/20 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
医德医风自我评价2015
2015/03/03 职场文书
社区国庆节活动总结
2015/03/23 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL
Go语言grpc和protobuf
2022/04/13 Golang
windows系统安装配置nginx环境
2022/06/28 Servers