1、子页面发送 message 消息，并附带参数
- iframe 子页面获取父页面的 window 对象: window.parent
- 子页面发送消息：window.parent.postMessage("需要传递的参数", '*')。
后面的 * 号就是处理跨域问题的，任何域名都不会出现跨域问题 - 可以指定传送域名地址，这个域名不会出现跨域问题，写父页面(接收)域名地址
window.parent.postMessage("需要传递的参数", 'http://0.0.0.0:8080') - 传递的参数可以是数组，对象，字符串等
2、父页面监听message，写法固定
- 监听单个事件（监听多个事件，可以使用if来判断 msg里边的参数进行区分）
window.addEventListener('message', function (e) {
console.log(e)
if(e.data.msg==='xxx'){
}else{
}
})
网友评论