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{
}
})