解决 Blocked a frame with origin "xxx" from accessing a cross-origin frame

内嵌 iframe 页面，一般使用 window.parent 或 window.top 来获取父页面的 window 对象

在子页面 想使用(或传递给) 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。

解决办法

1、父页面监听 message，写法固定

window.addEventListener('message', function (e) {
  console.log(e)
})

2、子页面发送 message 消息，并附带参数

// window.parent 是 iframe 子页面获取父页面的 window 对象

// 后面的 * 号就是处理跨域问题的，任何域名都不会出现跨域问题
window.parent.postMessage("需要传递的参数", '*')

// 也可以指定传送域名地址，这个域名不会出现跨域问题，写父页面(接收)域名地址
window.parent.postMessage("需要传递的参数", 'http://0.0.0.0:8080')