这篇文章将为大家详细讲解有关JavaScript如何实现获取用户单击body中所有A标签内容,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
JavaScript的特点
1.JavaScript主要用来向HTML页面添加交互行为。
2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。
3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。
具体如下:
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如何实现获取用户单击body中所有A标签内容”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。