iframe 向父窗口
window.parent.postMessage('向父窗口傳遞值',*);
父窗口向 iframe 內部子窗口傳值
documnet.querySelector('iframe').contentWindow.postMessage('向iframe傳遞值',*);
接受信息
window.addEventList('message', (e) => {
console.log(e.data);
});
如果執行 e.data 不存在
window.addEventList('message', (e) => {
try{
if (e.data type e.data ==='string' ) {
console.log(e.data);
}
} catch (err) {
console.log(err)
}
});
注意傳遞dom結構高度
以vue為例,mounted 不一定dom都渲染完了,this.$nextTick(function () {...}) 也不定很有效解決,這時只能調用window.onload