場景：當A頁面開啟B頁面，在B頁面操作後，A頁面需要同步變更資料時

A 頁面,http://127.0.0.1:10001/A.html

var domain = 'http://127.0.0.1:10001程式設計客棧';

window.open('http://127.0.0.1:10001/B.html');
window.addEventListener('message',function (event) {
    if (event.origin !== domain) return;
    console.log('message received:  ' + event.data,www.cppcns.com event);
},false);

B 頁面,http://127.0.0.1:10001/B.html，opener是當前視窗的開啟者引用

var domain = 'http://127.0.0.1:10001www.cppcns.com';
window.opener.postMessage("success",domain);
window.close();

如果是需要A開啟B的同時向B中傳送資料時

// 傳送資料方
var domain = 'http://127.0.0.1:10001';
var 程式設計客棧myPopup = window.open('http://127.0.0.1:10001/B.html');http://www.cppcns.com
myPopup.postMessage('資料',domain);

// 接收資料方
window.addEventListener('message',function(event) {
    if(event.origin !== 'http://127.0.0.1:10001') return;
    console.log('message received:  ' + event.data,event);
},false);

以上就是如何利用js在兩個html視窗間通訊的詳細內容，更多關於js在兩個html視窗間通訊的資料請關注我們其它相關文章！