如何将onclick事件添加到iframe中的锚标记?

时间:2011-11-03 20:14:28

标签: javascript asp.net

在点击此锚标记之前,我想做其他事情:

anchorref.onlick= function()
{
//do something
//progress to goal.com
return (true);

}

我的html看起来像是这样的东西,关键是在按钮上有一个锚标记,你想在前往goal.com之前先做其他事情。 Iframe指向另一个域。或者我应该在Iframe标签上创建一个事件处理程序?:

<iframe class="myclass" frameborder="0" scrolling="no" allowtransparency="true" src="http://www.goal.com"
            style="width: 55px; height: 20px;">
            <html lang="en">
            <head>
                <body class="ncount">
                    <span id="tweet-button" class="tb-container"><span class="tb"><a id="btn" tabindex="1"
                        href="http://www.goal.com"</span>
                        <img src="someimagesrc" alt="" style="height: 1px; width: 1px;">

                </body>
            </html>
        </iframe>

1 个答案:

答案 0 :(得分:0)

HTML标记在IFRAME标记内无效。将您的锚放在IFRAME之外,并将您的活动附加到锚。

这里我在HTML中绑定事件:

<html>
<head>

<script type="text/javascript">
    function SetIFrameURL() {
        alert('Do something here!?');
        document.getElementById("iframe1").src = "http://www.goal.com";
    } 
</script>

</head>
<body>

<a href="javascript:SetIFrameURL()">HIT ME!</a><br />

<iframe id="iframe1" class="myclass" frameborder="0" scrolling="no" allowtransparency="true"
                style="width: 550px; height: 200px;">
            </iframe>

</body>
</html>