从主页上的iframe发送消息

时间:2017-06-11 17:18:04

标签: javascript iframe message addeventlistener postmessage

我在本文档中看到:https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage,将数据正确传递给iframe的方法。但现在我想发一个答案:

//from main page
myIframe.contentWindow.postMessage('send me a response', '*');
//from iframe of main page
window.addEventListener("message", receiveMessage, false);
    function receiveMessage(event){
          alert(event.data);//the value of message
          //now i need to send an answer 'this is a response'
    }
}

如何从iframe向主页发送答案? 我真的需要这个答案。

编辑:

好的,我找到了解决方案。

2 个答案:

答案 0 :(得分:3)

您可以访问全局window.parent上的父窗口。

我认为就像在postMessage中使用这个对象的方法一样简单。如下所示:

var parent = window.parent;
parent.postMessage("some message");

可以找到完整的示例here

gist是window.parent.postMessage()函数采用以下参数:otherWindow.postMessage(message, targetOrigin, [transfer]);

答案 1 :(得分:2)

我会考虑使用 easyXDM

EasyXDM WebSite