给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 相关文章推荐
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
Mar 09 Javascript
jquery 弹出登录窗口实现代码
Dec 24 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
javascript数组排序汇总
Jul 07 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
深入理解jQuery中的事件冒泡
May 24 Javascript
超实用的javascript时间处理总结
Aug 16 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
详解Angularjs 自定义指令中的数据绑定
Jul 19 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 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
Symfony页面的基本创建实例详解
2015/01/26 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
Laravel框架实现利用监听器进行sql语句记录功能
2018/06/06 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
jQuery访问json文件中数据的方法示例
2019/01/28 jQuery
javascript原型链学习记录之继承实现方式分析
2019/05/01 Javascript
vue.js路由mode配置之去掉url上默认的#方法
2019/11/01 Javascript
electron踩坑之dialog中的callback解决
2020/10/06 Javascript
python出现&quot;IndentationError: unexpected indent&quot;错误解决办法
2017/10/15 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
美国转售二手商品的电子商务平台:BLINQ
2018/12/13 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
文明美德伴我成长演讲稿
2014/05/12 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
投标承诺函格式
2015/01/21 职场文书
未婚证明范本
2015/06/15 职场文书
军训通讯稿范文
2015/07/18 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
PHP面试题 wakeup魔法 Ezpop pop序列化与反序列化
2022/04/11 PHP