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 相关文章推荐
javascript 写的一个简单的timer
Jul 30 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
javascript 验证日期的函数
Mar 18 Javascript
关于js遍历表格的实例
Jul 10 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 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 不同编码下的字符串长度区分
2009/09/26 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
克隆javascript对象的三个方法小结
2011/01/12 Javascript
jquery 插件学习(六)
2012/08/06 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
2015/09/04 Javascript
Bootstrap学习笔记之css组件(3)
2016/06/07 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
angular directive的简单使用总结
2017/05/24 Javascript
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
vue中Npm run build 根据环境传递参数方法来打包不同域名
2018/03/29 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
深入解读Node.js中的koa源码
2019/06/17 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python类的用法实例浅析
2015/05/27 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
致全体运动员广播稿
2014/02/01 职场文书
草船借箭教学反思
2014/02/03 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
护士个人自我鉴定
2014/03/24 职场文书
医学专业自荐信
2014/06/14 职场文书
教师职位说明书
2014/07/29 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Python字符串的转义字符
2022/04/07 Python