父页面如何监听到iframe页面的操作

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