js 如何获取a标签被点击的链接,有多个a标签

现在有个小功能要实现记录点击链接的次数的功能,因为有多个a标签的链接,我想通过js实现获取点击后能够知道鼠标点击的链接是什么,以便我下一步的功能实现,由于不熟悉js,不知... 现在有个小功能要实现记录点击链接的次数的功能,因为有多个a标签的链接,我想通过js实现获取点击后能够知道鼠标点击的链接是什么,以便我下一步的功能实现,由于不熟悉js,不知道在有很多a标签动态生成的情况下如何获取链接,求高手指点。。
<script type="text/javascript">
function getUrl()
{
alert("111222");
}
</script>
</head>
<body onclick="getUrl()">
<a href="/Report/a.jsp?times=first" target="mainFrame" title="业务系统" style="text-decoration:none;font-family:Helvetica,Arial;font-size:12px">业务系统</a>

<a href="/Report/b.jsp?times=first" target="mainFrame" title="收付费系统" style="text-decoration:none;font-family:Helvetica,Arial;font-size:12px">收付费系统</a>

<a href="/Report/b.jsp?times=first" target="mainFrame" title="各系统综合" style="text-decoration:none;font-family:Helvetica,Arial;font-size:12px">各系统综合</a>

<a href="/Report/c.jsp?times=first" target="mainFrame" title="细分产品线" style="text-decoration:none;font-family:Helvetica,Arial;font-size:12px">细分产品线</a>

<a href="/Report/d.jsp?times=first" target="mainFrame" title="各地市进度排名" style="text-decoration:none;font-family:Helvetica,Arial;font-size:12px">各地市进度排名</a>
</body>
展开
 我来答
woshidaniel
推荐于2016-02-16 · TA获得超过9241个赞
知道小有建树答主
回答量:1760
采纳率:96%
帮助的人:939万
展开全部
添加onclick事件,获取href属性就知道具体的url地址了
<!DOCTYPE html>
<html>
<body>
<script>
function aclick(self){
   alert(self.href);
}
</script>
<a href="dddd.h" onclick='aclick(this)'>测试1</a>
<a href="dddd2.h" onclick='aclick(this)'>测试2</a>

</body>
</html>
稀虚的胡渣子
2013-08-20
知道答主
回答量:25
采纳率:0%
帮助的人:12.7万
展开全部
 function getUrl(a)
{
    var href = a.href;
            alert(href );
}
<a  onclick='getUrl(this)'
    href="/Report/a.jsp?times=first" 
    target="mainFrame" 
    title="业务系统" 
    style="text-decoration:none;
            font-family:Helvetica,Arial;
            font-size:12px"
    >业务系统</a>
追问
a标签是通过xml动态生成的。。。所以我只能把getUrl放在body上
追答
<body onclick="bindSth()">
 function getUrl(a)
 {
     var href = a.href; 
            alert(href );
 }
function bindSth(){
    var a = document.getElementsByTag("a");
    for(var i = 0 ; i < a.length ; i++ ){
        a[i].onClick =  getUrl(this) ;
    }
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zhaoapk
推荐于2018-02-27 · TA获得超过3771个赞
知道大有可为答主
回答量:1343
采纳率:40%
帮助的人:1586万
展开全部
function getUrl(e) {
    e = e || event;
    var target = e.target || e.srcElement,
        href;
    if (target.tagName === 'A') {
        href = target.href;
        alert(href);
    }
}

<body onclick="getUrl(arguments[0])">
更多追问追答
追问
onclick在body上,我是不知道e是什么参数,所以传空的,arguments[0]是什么意思啊?
追答
<body onclick="getUrl(arguments[0])">
等于
var body = document.body;
body.onclick = function (e) {
    // arguments[0]是传进来的第一个参数
    // 也就是e
    getUrl(e);
};
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式