JavaScript实现获取用户单击body中所有A标签内容的方法


Posted in Javascript onJune 05, 2017

本文实例讲述了JavaScript实现获取用户单击body中所有A标签内容的方法。分享给大家供大家参考,具体如下:

var tbody = document.body;
tbody.onclick = function (e) {
  getUrl(e);
}
function getUrl(e) {
  e = e || event;
  var target = e.target || e.srcElement, href;
  alert(target.tagName);
  //获取到A标签中的onclick属性的值
  if (target.tagName == 'A') {
    href = target.onclick;
  } else if (target.tagName == 'SPAN') {
        //父标签onclick属性的值
    href = target.parentNode.onclick;
  }
  //去除空格、换行(切记:需转换类型)
  var subHref = href.toString().replace(/\ +/g,"").replace(/[ ]/g,"").replace(/[\r\n]/g,"");
  //alert(subHref.substring(subHref.lastIndexOf("/")+1, subHref.indexOf(".jsp")+4));//sub jspName
  //获取到的链接中包含".jsp",点击的就是菜单项
  if (subHref.indexOf(".jsp") > 0) {
  }
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
动态Axios的配置步骤详解
Jan 12 Javascript
js保留两位小数方法总结
Jan 31 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
三剑客:offset、client和scroll还傻傻分不清?
Dec 04 Javascript
详解Angular 4 表单快速入门
Jun 05 #Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 #Javascript
Node.js开发第三方微信公众平台
Jun 05 #Javascript
js自定义Tab选项卡效果
Jun 05 #Javascript
纯js实现动态时间显示
Sep 07 #Javascript
深入理解Angular.JS中的Scope继承
Jun 04 #Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 #Javascript
You might like
关于PHP实现异步操作的研究
2013/02/03 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
基于PHP Socket配置以及实例的详细介绍
2013/06/13 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
javascript radio 联动效果
2009/03/04 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
javascript新闻跑马灯实例代码
2020/07/29 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
BetterScroll 在移动端滚动场景的应用
2017/09/18 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
Python 求数组局部最大值的实例
2019/11/26 Python
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
求职信模板怎么做
2014/01/26 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
网络舆情信息简报
2015/07/21 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis