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 AJAX回调函数this指向问题
Feb 08 Javascript
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
js+ajax实现获取文件大小的方法
Dec 08 Javascript
JQuery的attr 与 val区别
Jun 12 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
ES2020 新特性(种草)
Jan 12 Javascript
5个实用的JavaScript新特性
Jun 16 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 5.0对象模型深度探索之对象复制
2008/03/27 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
js的Prototype属性解释及常用方法
2014/05/08 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
微信小程序实现星星评分效果
2020/11/01 Javascript
python网络编程学习笔记(一)
2014/06/09 Python
用Python配平化学方程式的方法
2019/07/20 Python
python处理excel绘制雷达图
2019/10/18 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
物业总经理岗位职责
2014/02/28 职场文书
《三袋麦子》教学反思
2014/03/02 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
运动员口号
2014/06/09 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
让子弹飞观后感
2015/06/11 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
django学习之ajax post传参的2种格式实例
2021/05/14 Python
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js
详解flex:1什么意思
2022/07/23 HTML / CSS