js window.open 頁面之間的通信（不一樣源）

一：a頁面
1：打開b頁面
let isB= window.open('b.html','b');

2:a頁面發送消息給b頁面

    isB.postMessage("dsddfsdf", 'b.html');

 

 

  二： b頁面

 

       b頁面接受a頁面的消息

 

 

window.onload = function() {

window.addEventListener('message', function(event) {

 //能夠經過event.origin  判斷消息來源

 

console.log(event.data,'a發送來的消息');

//做爲接受到消息的迴應 一樣給a頁面發送一個消息

   

 

//若是a頁面沒有關閉

 if(window.opener){

     window.opener.postMessage('我是b，我收到消息了','a.html');

}else{

console.log("a頁面關閉了啊");

}

 

});

}

 

 

LAST:

 

在a頁面一樣添加 接受消息的事件  接受b接受消息的反饋信息

window.onload = function() {

window.addEventListener('message', function(event) {

//其餘操做

}）

}