给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 相关文章推荐
js计数器代码
Nov 04 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
JS用最简单的方法实现四舍五入
Aug 27 Javascript
JS猜数字游戏实例讲解
Jun 30 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
Javascript中的解构赋值语法详解
Apr 02 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新手谈谈我的学习心得
2007/02/25 PHP
一些使用频率比较高的php函数
2008/10/03 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
初始化了一个没有run()方法的线程类,是否会出错?
2014/03/27 面试题
酒店前台接待岗位职责
2015/04/02 职场文书
PyMongo 查询数据的实现
2021/06/28 Python
Python装饰器的练习题
2021/11/23 Python