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

现在有个小功能要实现记录点击链接的次数的功能，因为有多个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>

举报该问题

推荐答案推荐于2016-02-16

添加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>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/sinv2xDxp.html

其他回答

第1个回答 2013-08-20

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) ;
    }
}

第2个回答推荐于2018-02-27

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);
};

追问

var target = e.target || e.srcElement,
href;
这是什么写法，alert没响应

追答// 获取事件来源标签，为了接下来判断是不是点击了链接
var target = e.target || e.srcElement,

// 这个是非IE浏览器(不知道ie高版本有没有支持)
e.target

// IE浏览器
e.srcElement

本回答被提问者和网友采纳

相似回答

javascript获取页面中链接数量的方法是?答：首先链接标签是<a>，所以可以用获取所有a标签得到。var Aa = document.getElementsByTagName('a');alert(Aa.length);弹出的就是页面中链接的数量，希望采纳答案

js 获取多个a标签的值答：可以使用jQuery ("a[mode='a']").each(i,item,function(){ alert($(this).attr("data"));});

如何用js获取div下的A标签,并自动点击超链接答：1、首先，打开html编辑器，新建html文件，例如：index.html，并且其中有一个div中有a标签。2、在index.html的<script>标签中，输入js代码：window.location.href = 'http://' + $('div a').attr('href');。3、浏览器运行index.html页面，此时取出了div中a标签中的百度知道链接并自动点击跳转了。

js 怎么触发a标签里的href链接答：1、获取节点a 2、通过click触发href动作示例 <body><a href='url地址' id='a1'>打开</a></body><script>var el=document.getElementById('a1');el.target = '_new'; //指定在新窗口打开el.click();//触发打开事件</script>

javascript如何得到多个div中的所有a元素答：这一句就是文档中所有的a标签 document.getElementsByTagName("a");如果你非要这两个div下a标签的话，可以给这两个div外面套一个父div，加上id最好，这样就可以直接写了，例如 document.getElementById("patent").document.getElementsByTagName("a");...

如何用js实现点击获取某个a标签元素答：首先先要确定一下你要获取的a标签的属性，比如id，class等，然后通过document.getElementById('a标签的id')或document.GetElementByClass('a标签class')获取该节点对象

大家正在搜

a标签点击打开一个jsp页面 js获取a标签的href js怎么获取a标签的内容 js被点击标签属性 js为创建的标签添加点击事件 js设置a标签不可点击 js点击a标签跳转新页面 js触发a标签点击事件如何用js给标签添加属性