在onClick上调用两个javascript函数

时间:2010-07-09 07:32:09

标签: javascript

目前我的网页上有以下代码 -

<a href="http://ex.com" onclick="return popitup2()">Grab Coupon</a>

现在我想再运行一个以下列方式使用的脚本 -

onClick="recordOutboundLink(this, 'Outbound Links', 'ex.com');return false;"

现在有人可以告诉我如何在点击链接时调用这两个javacsripts。提前谢谢。

3 个答案:

答案 0 :(得分:9)

您可以在onclick事件处理程序中调用这两个函数:

<a href="http://ex.com" onclick="popitup2(); recordOutboundLink(this, 'Outbound Links', 'ex.com'); return false;">Grab Coupon</a>

为避免将标记与javascript混合,我建议您为此特定链接附加onclick事件,如下所示:

<a href="http://ex.com" id="mylink">Grab Coupon</a>

head部分:

<script type="text/javascript">
window.onload = function() {
    var mylink = document.getElementById('mylink');
    if (mylink != null) {
        mylink.onclick = function() {
            var res = popitup2(); 
            recordOutboundLink(this, 'Outbound Links', 'ex.com');
            return res;
        };
    }
};
</script>

答案 1 :(得分:2)

在链接中指定它们:

<a href="http://ex.com" onclick="recordOutboundLink(this, 'Outbound Links', 'ex.com'); return popitup2();">Grab Coupon</a>

答案 2 :(得分:1)

你可以用一个闭包来做到这一点:

<a href="http://ex.com" onclick="return function(){ recordOutboundLink(this, 'Outbound Links', 'ex.com'); return popitup2(); }()">Grab Coupon</a>

或只是更好的订购:

<a href="http://ex.com" onclick="recordOutboundLink(this, 'Outbound Links', 'ex.com');return popitup2();">Grab Coupon</a>