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数独游戏解析(一)-页面布局
Nov 05 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
使用原生JS实现弹出层特效
Dec 22 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
简单实现js倒计时功能
Feb 13 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
Javascript 实现 Excel 导入生成图表功能
Oct 22 Javascript
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
ant-design-vue按需加载的坑的解决
May 14 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
Oracle 常见问题解答
2006/10/09 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
php 读取shell管道传输过来的内容
2010/03/01 PHP
php获取淘宝分类id示例
2014/01/16 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
PHP curl使用实例
2015/07/02 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
jquery 快速回到页首的方法
2013/12/05 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
10款最好的Python开发编辑器
2019/07/03 Python
解决TensorFlow训练内存不断增长,进程被杀死问题
2020/02/05 Python
python 线程的五个状态
2020/09/22 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
浅析css3中matrix函数的使用
2016/06/06 HTML / CSS
Staples加拿大官方网站:办公用品一站式采购
2016/09/25 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
房产授权委托书范本
2014/09/22 职场文书
英文投诉信格式
2015/07/03 职场文书
2015国庆节宣传语
2015/07/14 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书