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

2025年02月06日 建站教程

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)

本文链接:http://so.lmcjl.com/news/22642/

展开阅读全文
相关内容