跨文档消息传递

 

  跨文档消息传送(cross-document messaging),有时候简称XDM,指的是在来自不同域的页面间传递消息

       XDM的核心:postMessage()方法    该方法接收两个参数:

            1、一条消息(最好是string,如果是json,那就JSON.stringify()转成string)

            2、一个表示消息接收方来自哪一个域的字符串

       例如:

      1)var iframeWindow = document.getElementById("myIframe").contentWindow;

      iframeWindow.postMessage('A secret','http://www.wrop.com');

      2)接收到消息之后,会触发window对象中的message事件(该事件是以异步形式触发,从发送消息到接收消息可能经过一段时间延迟)。

      3)触发事件后,传递给onmessage处理程序的事件对象包含以下三方面的重要信息

       if(event.origin == "http://www.wrop.com"){

              processMessage(event.data);

       }

posted @ 2018-01-18 19:22  星空0909  阅读(156)  评论(0编辑  收藏  举报