1. iframe + postMessage
var iframe = document.createElement("iframe");
iframe.src = "http://localhost:3000";
iframe.id = "myFrame";
iframe.width = "100%";
iframe.height = "100%";
iframe.onload = function () {
document.getElementById('myFrame').contentWindow.postMessage('主页面消息', 'http://localhost:3000');
};
document.body.appendChild(iframe);
window.addEventListener('message', function (event) {
if(event.origin !== "主页面域名") return;
console.log(event);
}, false);
2. window.open() + postMessage
let newWin = window.open("http://localhost:3000");
let timer = setInterval(() => {
newWin.postMessage('testtest', 'http://localhost:3000');
}, 500);
window.addEventListener('message', function (event) {
if (event.origin !== 'http://localhost:3000') return;
if (event.data === 'Received') clearInterval(timer)
}, false);
window.addEventListener('message', function (event) {
if(event.origin !== "http://192.168.xxx.xxx:5000") return;
event.source.postMessage('Received',event.origin);
}, false);