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

更新时间：2017年06月05日 10:45:10 作者：hechurui

这篇文章主要介绍了JavaScript实现获取用户单击body中所有A标签内容的方法,涉及javascript针对页面元素及事件响应相关操作技巧,需要的朋友可以参考下

本文实例讲述了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查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

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

您可能感兴趣的文章:

用JS实现选项卡
这篇文章主要为大家详细介绍了用JS实现选项卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
JS实现的冒泡排序，快速排序，插入排序算法示例
这篇文章主要介绍了JS实现的冒泡排序，快速排序，插入排序算法,结合实例形式分析了javascript冒泡排序，快速排序，插入排序算法的相关原理及实现方法,需要的朋友可以参考下
2019-03-03
Javascript异步流程控制之串行执行详解
这篇文章主要给大家介绍了关于Javascript异步流程控制之串行执行的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-09-09
JavaScript在for循环中绑定事件解决事件参数不同的情况
响应一堆相似的事件，但是每个事件的参数都不同，在这种情况下就可以使用JavaScript 在for循环中绑定事件，下面有个不错的示例，大家可以参考下
2014-01-01
javascript for循环从入门到偏门(效率优化+奇特用法)
for循环是非常基础的javascript知识，但由于JS太灵活了，所以可能出现一些让初学者崩溃的写法。我决定由浅入深的解释一下for循环，算是给比我还新手的新手解惑吧，少走弯路
2012-08-08
javascript面向对象包装类Class封装类库剖析
一个从来没有接触过javascript的技术人员，几小时内就可以写出一个简单有用的程序代码;想写出高性能的代码，同样需要具备一个高级程序员的基本素养,javascript也是如此
2013-01-01
ie下$.getJSON出现问题的解决方法
ie下$.getJSON出现问题是常有的事，下面为大家介绍下具体该如何解决,需要的朋友可以参考下
2014-02-02
防止动态加载JavaScript引起的内存泄漏问题
利用Script标签可以跨域加载并运行一段JavaScript脚本，但Neil Fraser先前已指出，脚本运行后资源并没被释放，即使是Script标签移除后。
2009-10-10
JS实现百度新闻导航栏效果
这篇文章主要为大家详细介绍了JS实现百度新闻导航栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
JS异步文件上传（兼容IE8+）
本文主要介绍了JS实现异步文件上传的相关资料，具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04