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 各浏览器的 Javascript 效率对比
Jan 23 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
利用nvm管理多个版本的node.js与npm详解
Nov 02 Javascript
vue路由传参的基本实现方式小结【三种方式】
Feb 05 Javascript
vue3.0实现插件封装
Dec 14 Vue.js
用JS写一个发布订阅模式
Nov 07 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
5.PHP的其他功能
2006/10/09 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
PHP闭包函数详解
2016/02/13 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
JavaScript 继承详解(四)
2009/07/13 Javascript
js parsefloat parseint 转换函数
2010/01/21 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
2016/01/08 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
Python判断一个三位数是否为水仙花数的示例
2018/11/13 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
如何在python中实现线性回归
2020/08/10 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
学雷锋演讲稿
2014/03/04 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
入党申请书格式
2019/06/20 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
Golang 并发编程 SingleFlight模式
2022/04/26 Golang