iframe页面和外部页面相互通信

[xwartz]

文档地址： https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage

外部传送信息到iframe里面

function locationPostMessage () {
   var sendWin = document.getElementById("iframeid").contentWindow;
   sendWin.postMessage('frome outside', 'https://inside.com');
}

iframe里面传递信息到外部

获取外部domain,也就是'https://outside.com'

var ancestorOrigin = location.ancestorOrigins[0];

function iframePostMessage () {
   window.frames.top.postMessage('frome inside', 'https://outside.com');
}

接收信息

  window.addEventListener("message", receiveMessage, false);
  function receiveMessage(event) {
     //console.log(data)
    if (event.origin == "https://outside.com")
        ...
    if (event.origin == "https://inside.com")
       ...
}

[MissCuriosity]

抱走，马克，感谢

[xwartz]

@MissCuriosity 不客气