（跨域）禁止从 iframe 外部调用父函数

Question

...但我确实控制了第二个域中的部分 javascript（它集成了 iframe）。 所以，我需要的是一些解决我的问题的方法。我们有example2.com（这个包含iframe）和example.com（这个是原始的，在iframe中）。在 iframe 内，用户单击执行 parent.redirectUser() 的按钮，尽管我在 example2.com 中定义了该函数，但它无法执行，因为它指出该函数禁止从 iframe 内访问。考虑到我可以控制 example2.com 中的 javascript，有没有其他方法可以解决这种情况？非常感谢您的帮助...

Answer 1

是的，你可以做到。 您可以使用消息技术， 从孩子（example2.com）发送消息：

parent.postMessage("Ok", "example.com");

在 parent(example.com) 中，您必须添加以下代码：

    //add eventlistener for message event
    if (window.addEventListener) {
        window.addEventListener("message", listener);
    } else {
        // IE8
        window.attachEvent("onmessage", listener);
    }
    function listener(event) {
//check the message trust or not?
        if (event.data == "Ok") {
//from parent you can call function, but function must be placed in global scope
            redirectUser();
        }
    }