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

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

发布时间 - 2026-01-11 01:43:38 点击率：次

本文实例讲述了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程序设计有所帮助。

# JavaScript # 获取 # 用户 # 单击 # body # A标签 # 内容 # 基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑 # JavaScript设置body高度为浏览器高度的方法 # JavaScript中window、doucment、body的解释 # JS代码放在head和body中的区别分析 # 使用JS或jQuery模拟鼠标点击a标签事件代码 # javascript和jquery修改a标签的href属性 # js实现a标签超链接提交form表单的方法 # JS 实现点击a标签的时候让其背景更换 # js确认删除对话框适用于a标签及submit # 在JS中a标签加入单击事件屏蔽href跳转页面 # Javascript中使用A标签获取当前目录的绝对路径方法 # 相关内容 # 遍历 # 感兴趣 # 数据结构 # 给大家 # 更多关于 # 所述 # 程序设计 # 换行 # 菜单项 # 讲述了 # var # js # brush # tbody # function # onclick # document # gt

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：宝玩免下载网页版入口_宝玩小游戏大全在线玩

下一篇：酷匠阅读的缓存文件在哪？ | 深度解析App文件结构与清理方

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：宝玩免下载网页版入口_宝玩小游戏大全在线玩

下一篇：酷匠阅读的缓存文件在哪？ | 深度解析App文件结构与清理方