JS子页面调用父页面的方法
方法1: 子页面关闭后触发父页面的方法
// 父页面
const winObj = window.open(url.href); const loop = setInterval(() => { if (!winObj) { return; } if (winObj.closed) { clearInterval(loop);
// 父页的自定义方法 this.refreshTable(); } }, 1);
// 子页面
function xxx(){
window.close();
}
方法2.子页面调用父页面的方法
// 父页面 window.open(url.href); window.addEventListener('message', (data: any) => { // 这个true是子页面传递过来的是string.可以自定义其他 if (data.data === 'true') { // 父页面的自定义方法 this.refreshTable(); } }); // 子页面 function xxx(){
// 给父页面传值 window.opener.postMessage('true'); }
// addEventListener 会导致重复触发 可改用 onmessage 方法
// 父页面
window.onmessage = (data: any) => {
if (data.data === 'true') {
this.refreshTable();
}
};
// 子页面
window.opener.postMessage('true');