码迷,mamicode.com
首页 > 其他好文 > 详细

跨文档消息传递

时间:2018-01-18 20:33:43      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:window   延迟   发送消息   oss   触发事件   wro   cross   iframe   event   

 

  跨文档消息传送(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);

       }

跨文档消息传递

标签:window   延迟   发送消息   oss   触发事件   wro   cross   iframe   event   

原文地址:https://www.cnblogs.com/xyn0909/p/8312656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!