给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 相关文章推荐
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
Json序列化和反序列化方法解析
Dec 19 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
typescript配置alias的详细步骤
Aug 12 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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使用Cookie实现和用户会话的方法
2015/01/21 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
2015/08/27 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python中的对象拷贝示例 python引用传递
2014/01/23 Python
python去掉行尾的换行符方法
2017/01/04 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
个人自我评价范文
2014/02/05 职场文书
xxx同志考察材料
2014/02/07 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
婚前协议书标准版
2014/10/19 职场文书
后勤个人工作总结
2015/02/28 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书
python数据处理之Pandas类型转换
2022/04/28 Python
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python