js如何利用window.postMessage传参、取参

window.postMessage()方法可以安全地实现跨源通信。对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议就可以相互通信了。

具体方法如下：

发出传参页面

function btn(){
  var data = {
    id: '112',
​    name:'小米粒',
    sex:'女',
    age:'22',
    school:'华大'
  }
  window.top.postMessage(data, '*')
}

接受传参页面

top.addEventListener('message', (e) => {
  console.log('获得传参：', e.data)
}, false)