两个html的通信,如何利用js在两个html窗口间通信

场景&＃xff1a;当A页面打开B页面&＃xff0c;在B页面操作后&＃xff0c;A页面需要同步变更数据时

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

var domain &＃61; &＃39;http://127.0.0.1:10001&＃39;;

window.open(&＃39;http://127.0.0.1:10001/B.html&＃39;);

window.addEventListener(&＃39;message&＃39;, function (event) {

if (event.origin !&＃61;&＃61; domain) return;

console.log(&＃39;message received: &＃39; &＃43; event.data, event);

}, false);

B 页面 ,http://127.0.0.1:10001/B.html&＃xff0c;opener是当前窗口的打开者引用

var domain &＃61; &＃39;http://127.0.0.1:10001&＃39;;

window.opener.postMessage("success", domain);

window.close();

如果是需要A打开B的同时向B中发送数据时

// 发送数据方

var domain &＃61; &＃39;http://127.0.0.1:10001&＃39;;

var myPopup &＃61; window.open(&＃39;http://127.0.0.1:10001/B.html&＃39;);

myPopup.postMessage(&＃39;数据&＃39;, domain);

// 接收数据方

window.addEventListener(&＃39;message&＃39;, function(event) {

if(event.origin !&＃61;&＃61; &＃39;http://127.0.0.1:10001&＃39;) return;

console.log(&＃39;message received: &＃39; &＃43; event.data,event);

},false);

以上就是如何利用js在两个html窗口间通信的详细内容&＃xff0c;更多关于js在两个html窗口间通信的资料请关注站圈网其它相关文章&＃xff01;