给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 相关文章推荐
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
jQuery实现购物车计算价格功能的方法
Mar 25 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
p5.js入门教程之鼠标交互的示例
Mar 16 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
js实现表格数据搜索
Aug 09 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
星际实力自我测试
2020/03/04 星际争霸
php-fpm开启状态统计的方法详解
2017/06/23 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
使用node.js 制作网站前台后台
2014/11/13 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
js实现无缝滚动图
2017/02/22 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
python编写的最短路径算法
2015/03/25 Python
Python中的TCP socket写法示例
2018/05/11 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
Python实现点云投影到平面显示
2020/01/18 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
Monki官网:斯堪的纳维亚的独立时尚品牌
2020/11/09 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
毕业生实习鉴定
2013/12/11 职场文书
业务部经理岗位职责
2014/01/04 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
培训通知书模板
2015/04/17 职场文书
学生病假条范文
2015/08/17 职场文书
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
使用python绘制横竖条形图
2022/04/21 Python
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技