javascript - 使用javascript转义iframe

标签 javascript html iframe

我知道如何转义 iframe。我有一个链接:

<a id="aaa" href="http://localhost/projectManagement/users" target="_parent" >Sign up</a>

通过点击该链接我将退出 iframe

问题是我想在单击按钮而不是链接时转义 iframe。

我知道如何通过单击按钮来执行 JavaScript,所以我一直致力于使用 javascriopt 执行该链接

我尝试过的东西:

html:(它在 iframe 中)

<button onClick="tempEvent();" style="width: 500px; height: 50px; margin-top: -15px; font-size: 20px;">
      <b>
          click me              
       </b>
</button>
<div style="height: 15px;">
</div>
<a id="aaa" href="http://localhost/projectManagement/users" target="_parent" >Sign up</a>

JavaScript

<script>
    function tempEvent()
    {

        clickLink(document.getElementById('aaa'));  // this technique does not work on firefox!
        fireEvent(document.getElementById("aaa"),'click'); // this technique does not work in firefox eather.

        document.getElementById("aaa").onclick(); 
    }

    function clickLink(link) {
        if (document.createEvent) {
            var event = document.createEvent("MouseEvents");
            event.initMouseEvent("click", true, true, window,
                0, 0, 0, 0, 0,
                false, false, false, false,
                0, null);
            link.dispatchEvent(event);
        }
        else if (link.fireEvent) {
           link.fireEvent("onclick");
        }
    }

    function fireEvent(obj,evt){    
        var fireOnThis = obj;
        if( document.createEvent ) {
          var evObj = document.createEvent('MouseEvents');
          evObj.initEvent( evt, true, false );
          fireOnThis.dispatchEvent(evObj);
        } else if( document.createEventObject ) {
          fireOnThis.fireEvent('on'+evt);
        }
    }



</script>

我知道我可以用链接替换按钮,但我只是不明白为什么我做不到!

编辑

即使我将链接放在按钮内,它也不起作用!

最佳答案

parent 中的 Javascript:

function redirectMe(url) {
    window.location = url;
}

子 iframe 中的 Javascript:

function tempEvent() {
    parent.redirectMe('http://localhost/projectManagement/users');
}

你可以绕过<a>一起,整个 clickLink/fireEvent 并不是真正需要的。如果您确实需要激活链接上的点击事件,请查看 jQuery及其 click() 功能。

关于javascript - 使用javascript转义iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8453577/

相关文章:

javascript - 在 Jquery 中获取匹配的类

javascript - JS : Switching from Stripe Checkout to Stripe Elements

javascript - Opera 忽略 .live() 事件处理程序

html - 在悬停时增加菜单的宽度,同时保留其他链接的位置

javascript - 如何通过 WebBrowser 按下按钮 - C#

Javascript 固定位置导航根据窗口高度/滚动量间歇性工作

javascript - Ajax成功函数及查找父类

javascript - 强制 iframe 在仅 src 哈希更改时(重新)加载文档

javascript - 如何在页面开始加载(未加载!)时立即执行 iframe 中的代码

javascript - Facebook 点赞视频自动播放和暂停