js a标签点击事件


Posted in Javascript onMarch 30, 2017

当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种:

1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"

这种方法是比较最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

2.a href="javascript:;" rel="external nofollow" onclick="method()"

这种方法跟跟2种类似,区别只是执行了一条空的js代码。

3.a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"

这种方法点击执行了js函数后return false,阻止了事件本身的默认行为,页面不发生跳转,执行后还是在页面的当前位置。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript中使用replace结合正则实现replaceAll的效果
Jun 04 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
jQuery实现评论模块
Aug 19 jQuery
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
JS+html5制作简单音乐播放器
Sep 13 #Javascript
TypeScript入门-接口
Mar 30 #Javascript
如何编写jquery插件
Mar 29 #jQuery
基于JavaScript实现瀑布流效果
Mar 29 #Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 #Javascript
JS变量及其作用域
Mar 29 #Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 #Javascript
You might like
PHP判断上传文件类型的解决办法
2015/10/20 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
python批量修改文件名的实现代码
2014/09/01 Python
Python书单 不将就
2017/07/11 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
Python 实现淘宝秒杀的示例代码
2018/01/02 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
python实现微信自动回复机器人功能
2019/07/11 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
关于赌博的检讨书
2014/01/08 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
医德考评自我评价
2014/09/14 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
建设工程授权委托书
2014/09/22 职场文书
人事局接收函
2015/01/31 职场文书
防暑降温通知书
2015/04/27 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python