Javascript 后消息来源和数据未定义

Javascript 后消息来源和数据未定义,javascript,html,postmessage,Javascript,Html,Postmessage,我试图使用postmessage在父窗口和子iframe之间进行通信,两者都位于不同的域上 对于父窗口,我有代码 var otherFrame = document.getElementById("otherFrame").contentWindow; otherFrame.postMessage("sent'", "https://iframeURL.net"); function receiveMessage(event){ if (event.origin !==

我试图使用postmessage在父窗口和子iframe之间进行通信,两者都位于不同的域上

对于父窗口,我有代码

var otherFrame = document.getElementById("otherFrame").contentWindow;
otherFrame.postMessage("sent'", "https://iframeURL.net");       
function receiveMessage(event){

    if (event.origin !== "https://parentURL.com")
        return;

    console.log((event.orgin + " " + event.message));
};

window.addEventListener("message", receiveMessage, false);
对于子iframe,我有代码

var otherFrame = document.getElementById("otherFrame").contentWindow;
otherFrame.postMessage("sent'", "https://iframeURL.net");       
function receiveMessage(event){

    if (event.origin !== "https://parentURL.com")
        return;

    console.log((event.orgin + " " + event.message));
};

window.addEventListener("message", receiveMessage, false);
但是,无论何时执行代码,控制台都会将event.origin和event.message记录为未定义,即使调用了receiveMessage方法


任何帮助都将不胜感激

好的,所以解决这个问题的方法非常愚蠢。我在代码中拼错了“origin”,并意识到正确的语法是event.data,而不是event.message

如果origin未定义,它将不会记录消息。……根据您的代码。@Woody这使它更加混乱。它记录“未定义未定义”