postMessageで送信されたデータにアクセスする方法は？

Question

iFrameでJavaScriptを実行する必要がありますが、投稿メッセージを使用してこれを行う必要があることを理解していますが、使用方法がわかりません。

サイト1は、（サイト1上のiFrame）であるhttp://www.example.com:7778

サイト

$("#link").click(function() { 
    document.getElementById('iframe_id_here').contentWindow.postMessage({command: 'joinChannel', args: {channel: $(this).attr('data-room')}}, '*'); 
}); 

のiFrame

function joinChannel(event) 
{ 
    if (event.origin !== "http://example.com/chat.html") 
    return; 

    network.join(***How do I access $(this).attr('data-room')?***, ''); 
} 

window.addEventListener("message", joinChannel, false); 

Answer 1

window.postMessageでhttp://www.example.com/chat.html サイト2であり、渡されたメッセージであります保存されたi n event.dataオブジェクトです。

あなたの場合、チャンネルはevent.data.args.channelでアクセス可能である必要があります。