iframe 父子通信总结

站长
· 阅读数 43
同源
同源的情况下父子可以互相访问window对象,且能操作DOM。子获取父window对象方法:window.parent子获取顶层window对象方法:window.top父获取子window对象方法: window.frames
非同源
发送信息:iframeEl.postMessage(prame, this.domain)接收信息:window.addEventListener(‘message’, (event) => {})
同源的情况下父子可以互相访问window对象,且能操作DOM。子获取父window对象方法:window.parent子获取顶层window对象方法:window.top父获取子window对象方法: window.frames
发送信息:iframeEl.postMessage(prame, this.domain)接收信息:window.addEventListener(‘message’, (event) => {})