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 相关文章推荐
js 动态选中下拉框
Nov 26 Javascript
javascript制作loading动画效果 loading效果
Jan 14 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
Sep 21 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
Mar 19 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 Javascript
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
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
jquery操作select option 的代码小结
2011/06/21 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
webpack引入eslint配置详解
2018/01/22 Javascript
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
Python写的英文字符大小写转换代码示例
2015/03/06 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
django框架使用方法详解
2019/07/18 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
python openssl模块安装及用法
2020/12/06 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
测绘工程个人的自我评价
2013/11/23 职场文书
爱岗敬业演讲稿范文
2014/01/14 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
团队拓展活动总结
2014/08/27 职场文书
农业生产宣传标语
2014/10/08 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
换届选举主持词
2015/07/03 职场文书
禁毒主题班会教案
2015/08/14 职场文书
Python图片验证码降噪和8邻域降噪
2021/08/30 Python