给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 相关文章推荐
web css实现整站样式互相切换
Oct 29 Javascript
js快速排序的实现代码
Dec 08 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
详解Vue中添加过渡效果
Mar 20 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 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/06 日漫
PHPMailer 中文使用说明小结
2010/01/22 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
php如何实现不借助IDE快速定位行数或者方法定义的文件和位置
2017/01/17 PHP
jQuery之折叠面板的深入解析
2013/06/19 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
Python open()文件处理使用介绍
2014/11/30 Python
Python中的作用域规则详解
2015/01/30 Python
浅谈Python单向链表的实现
2015/12/24 Python
python 性能优化方法小结
2017/03/31 Python
python绘制漏斗图步骤详解
2019/03/04 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
德国家具折扣店:POCO
2020/02/28 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
天网面试题
2013/04/07 面试题
网络技术专业求职信
2014/02/18 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
关于环保的建议书400字
2014/03/12 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
cf战队收人口号
2014/06/21 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
三人合伙协议书范本
2014/10/29 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书