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.validate使用攻略 第二部
Jul 01 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
js数组常用最重要的方法
Feb 04 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
Electron-vue开发的客户端支付收款工具的实现
May 24 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
uni-app如何实现增量更新功能
Jan 03 Javascript
小程序自定义弹框效果
Nov 16 Javascript
vue3获取当前路由地址
Feb 18 Vue.js
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
详解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 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
小米公司JavaScript面试题
2014/12/29 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python获取网页上图片下载地址的方法
2015/03/11 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
2014年就业工作总结
2014/11/26 职场文书
2014年政教处工作总结
2014/12/20 职场文书
2015年电教工作总结
2015/05/26 职场文书
初中班干部工作总结
2015/08/10 职场文书
课程设计感想范文
2015/08/11 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
python实现简单的三子棋游戏
2022/04/28 Python