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 相关文章推荐
THREE.JS入门教程(1)THREE.JS使用前了解
Jan 24 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
jQuery简单实现日历的方法
May 04 Javascript
js游戏人物上下左右跑步效果代码分享
Aug 28 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 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创建PDF中文文档
2006/10/09 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
禁止你的左键复制实用技巧
2013/01/04 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
2017/05/02 Javascript
php 修改密码实现代码
2017/05/24 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
layer.confirm()右边按钮实现href的例子
2019/09/27 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
初步剖析C语言编程中的结构体
2016/01/16 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
Python chardet库识别编码原理解析
2020/02/18 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
控制工程专业个人求职信
2013/09/25 职场文书
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
2014年审计工作总结
2014/11/17 职场文书
Python图像处理之图像拼接
2021/04/28 Python