给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 相关文章推荐
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
微信小程序动态生成二维码的实现代码
Jul 25 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
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+javascript模拟Matrix画面
2006/10/09 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
Python读写Excel文件方法介绍
2014/11/22 Python
Python中is与==判断的区别
2017/03/28 Python
Python入门_学会创建并调用函数的方法
2017/05/16 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
Django中Middleware中的函数详解
2019/07/18 Python
Django多数据库的实现过程详解
2019/08/01 Python
Python tkinter模版代码实例
2020/02/05 Python
爱普生美国官网:Epson美国
2018/11/05 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
小学毕业感言300字
2014/02/19 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
校园元旦活动总结
2014/07/09 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
工作证明英文模板
2014/10/21 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书