关于javascript:javascript中的postMessage

父页面、子页面，两页面不同域，之间对话用到了postMessage。上面为了不便统称为F、C页。

C页按钮的点击事件向F页发送一个音讯小C，F页收到音讯小C执行逻辑LC，LC执行结束，F页向C页发送一个音讯小F，C页收到音讯小F执行逻辑LF。一句话，就是F、C页间互相通信。

能够认为

相似于react中的父子组件通信。

C页js代码：

var btnObj = document.getElementById('buttons');btnObj.onclick = function(){     var defaultAdData = {                 type:'advert',                  gameData:{                     adId: '123'                 }         };     window.parent.postMessage(JSON.stringify(defaultAdData), '*');    /*我是错误代码：     var receiveMessage = function(event) {         var datas = JSON.parse(event.data);         if (datas.type === "adGivePrize"&&datas.givePrize) {             alert(‘click’);         }     }     window.addEventListener("message", receiveMessage, false);*/ } /*我是正确代码： var receiveMessage = function(event) {     var datas = JSON.parse(event.data);     if (datas.type === "adGivePrize"&&datas.givePrize) {         alert(‘click’);     } } window.addEventListener("message", receiveMessage, false);*/

F页js代码：

var receiveMessage = function(event) {      var datas = JSON.parse(event.data);      if (datas.type === "advert") {            var postIframeData = {                    type:'adGivePrize',                    givePrize:true            };            //iframe发送信息~~~~            window.frames[0].postMessage(JSON.stringify(postIframeData), '*');      }}window.addEventListener("message", receiveMessage, false);

总之，此办法提供了两个不相干页面的通信，使得外建的我的项目或者内嵌的iframe，能够相互通信