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代码
Mar 26 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
Bootstrap框架下下拉框select搜索功能
Mar 26 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
js断点调试经验分享
Dec 08 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 Javascript
微信小程序实现简单文字跑马灯
May 26 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 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
文件上传类
2006/10/09 PHP
批量去除PHP文件中bom的PHP代码
2012/03/13 PHP
PHP 7.1新特性的汇总介绍
2016/12/16 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
基于Vue生产环境部署详解
2017/09/15 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
简单了解常用的JavaScript 库
2020/07/16 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
印度服装购物网站:Limeroad
2018/09/26 全球购物
酒店总经理欢迎词
2014/01/08 职场文书
医药销售求职信范文
2014/02/01 职场文书
个人实习生的自我评价
2014/02/16 职场文书
道路建设实施方案
2014/03/18 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
岳庙导游词
2015/02/04 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
Python作用域和名称空间的详细介绍
2022/04/13 Python
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers