iframe父子之间相互通信

父传子:(也在在url中拼接)

发送方:

iframe.contentWindow.postMessage('要传的参数', '*')

接收方:

window.addEventListener("message", function(e){...}, false)


子传父:
发送方:

parent关键字表示父窗口,如果一个窗口没有父窗口,则它的 parent 属性为自身的引用.

parent.postMessage('要传的参数', '*')

例如:parent.postMessage({ id: 'son', msg: '传给父页面的值' }, '*')

console.log(window.parent.a) // 父页面


接收方:

window.addEventListener("message", function(e){...}, false) // e是个对象,里面包含了传过来的参数

 
posted @ 2021-04-07 15:06  Jim-vue  阅读(259)  评论(0编辑  收藏  举报