JavaScript如何实现获取用户单击body中所有A标签内容

这篇文章将为大家详细讲解有关JavaScript如何实现获取用户单击body中所有A标签内容,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联主营隆林网站建设的网络公司,主营网站建设方案,app开发定制,隆林h5小程序定制开发搭建,隆林网站营销推广欢迎隆林等地区企业咨询

JavaScript的特点

1.JavaScript主要用来向HTML页面添加交互行为。 2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。 3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。

具体如下:

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如何实现获取用户单击body中所有A标签内容”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享题目:JavaScript如何实现获取用户单击body中所有A标签内容
当前链接:http://bzwzjz.com/article/pjpjji.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站建设 网站建设 四川成都网站建设 成都网站建设 成都网站建设 高端网站设计推广 营销型网站建设 宜宾网站设计 手机网站制作 盐亭网站设计 成都网站设计 成都网站制作 成都网站建设 成都营销网站制作 网站建设推广 响应式网站设计 成都网站设计 营销型网站建设 重庆网站建设 网站设计 网站制作 成都网站制作