给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吗?
Feb 24 Javascript
JavaScript 在线压缩和格式化收藏
Jan 16 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
JS实现贪吃蛇游戏
Nov 15 Javascript
vue如何搭建多页面多系统应用
Jun 17 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/03/17 PHP
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
PHP与以太坊交互详解
2018/08/24 PHP
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
js实现的点击div区域外隐藏div区域
2014/06/30 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
详解angular中如何监控dom渲染完毕
2017/01/03 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
Bootstrap table表格初始化表格数据的方法
2018/07/25 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
Python中动态检测编码chardet的使用教程
2017/07/06 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
python学习笔记之多进程
2020/08/06 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
自我评价200字分享
2013/12/17 职场文书
师范类求职信
2014/06/21 职场文书
长城英文导游词
2015/01/30 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS