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动画效果类封装代码
Aug 28 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
js展开闭合效果演示代码
Jul 24 Javascript
JScript分割字符串示例代码
Sep 04 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 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
PHP 长文章分页函数 带使用方法,不会分割段落,翻页在底部
2009/10/22 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
php实现在服务器端调整图片大小的方法
2015/06/16 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
js实现的网页颜色代码表全集
2007/07/17 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
python装饰器初探(推荐)
2016/07/21 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
Django框架模板介绍
2019/01/15 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
Python with标签使用方法解析
2020/01/17 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
LEGO玩具英国官方商店:LEGO Shop GB
2018/03/27 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
中医临床专业自我鉴定范文
2014/01/15 职场文书
鉴定评语大全
2014/05/05 职场文书
产品售后服务承诺书
2014/05/21 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
SQL SERVER触发器详解
2022/02/24 SQL Server