子页面传递参数,父页面接收
子页面传输
window.parent.postMessage("参数","*");(可以是*号,也可以是父页面的链接"http://127.0.0.1:8888/aaaa/bbb.html")
父页面接收
window.addEventListener('message', function (e) {
console.log(e.data) //e.data为传递过来的数据
console.log(e.origin) //e.origin为调用 postMessage 时消息发送方窗口的 origin(域名、协议和端口)
console.log(e.source) //e.source为对发送消息的窗口对象的引用,可以使用此来在具有不同origin的两个窗口之间建立双向通信
})
父页面传递参数,子页面接收
父页面传输
window.iframe[0].postMessage("参数","*");
子页面接收
window.addEventListener('message', function (e) {
console.log(e.data) //e.data为传递过来的数据
console.log(e.origin) //e.origin为调用 postMessage 时消息发送方窗口的 origin(域名、协议和端口)
console.log(e.source) //e.source为对发送消息的窗口对象的引用,可以使用此来在具有不同origin的两个窗口之间建立双向通信
})