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 相关文章推荐
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
js实现交通灯效果
Jan 13 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
vue视频播放暂停代码
Nov 08 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
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
javascript 流畅动画实现原理
2009/09/08 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
详解Angular CLI + Electron 开发环境搭建
2017/07/20 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
详解使用Python处理文件目录的相关方法
2015/10/16 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
django的csrf实现过程详解
2019/07/26 Python
python with语句的原理与用法详解
2020/03/30 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
python函数超时自动退出的实操方法
2020/12/28 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
使用phonegap检测网络状态的方法
2017/03/30 HTML / CSS
什么是GWT的Module
2013/01/20 面试题
医学生自荐信范文
2013/12/03 职场文书
单位成立周年感言
2014/01/26 职场文书
财产保全担保书
2015/01/20 职场文书
合作协议书格式范本
2016/03/21 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
详解Laravel制作API接口
2021/05/31 PHP
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang