给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检测函数
May 31 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
javascript函数特点实例分析
May 14 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
node.js express中app.param的用法详解
Jul 16 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
微信小程序使用template标签实现五星评分功能
Nov 03 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
搭建vscode+vue环境的详细教程
Aug 31 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
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
php中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
Python实现截屏的函数
2015/07/26 Python
Python中基本的日期时间处理的学习教程
2015/10/16 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
python 阶乘累加和的实例
2019/02/01 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
python实现在线翻译
2020/06/18 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
俄罗斯香水和化妆品在线商店:Aroma-butik
2020/02/28 全球购物
关于是否需要写商业计划书
2014/02/07 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
新闻发布会新闻稿
2015/07/17 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript