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 开发中规范性的一点感想
Jun 23 Javascript
jQuery选择器全面总结
Jan 06 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
javascript History对象原理解析
Feb 17 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
详解jQuery中的deferred对象的使用(一)
2016/05/27 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
在vue组件中使用axios的方法
2018/03/16 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
使用Python下载Bing图片(代码)
2013/11/07 Python
python中defaultdict的用法详解
2017/06/07 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
Mac安装python3的方法步骤
2019/08/09 Python
Python的形参和实参使用方式
2019/12/24 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
SHEIN台湾:购买最新流行女装服饰
2019/05/18 全球购物
10的分与合教学反思
2014/04/30 职场文书
2014年后勤工作总结
2014/11/18 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
求职自我评价怎么写
2015/03/09 职场文书
医院保洁员管理制度
2015/08/05 职场文书