iframe 和 父窗口傳遞


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM