相信当你Google 这种问题的时候,一定是有相关的需求了不墨迹上代码
父页面
假设父页面地址:https://aaa.bbb.com
const docu = window.open('https://xxx.xxx.com/brain?xxx=xxxx');
let token = getParam('_token'); //需要向新开页面传递信息
docu.postMessage({ token }, 'https://xxx.xxx.com');
// 结束子页面的信息
window.addEventListener("message", (event) => {
const origin = event.origin;
if (origin !== "https://xxx.xxx.com" ) return; //不是允许的我不要
/**
相应业务逻辑 code
**/
});
子页面
假设父页面地址:https://xxx.xxx.com
window.addEventListener("message", (event) => {
const origin = event.origin;
if (origin !== "https://aaa.bbb.com" ) return; //不是允许的我不要
/**
相应业务逻辑 code
**/
// 告知父页面 我收到信息了
event.source.postMessage("Success","https://aaa.bbb.com");
});
网友评论