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

944 ℃

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)

js用最简单的方法实现2个数组的交叉一对一合并

如何利用js语法将2个数组进行交叉合并

利用js语法把数组根据相同key转换成嵌套数组格式

javascript语法如何把json文件输出到html页面上

js点击按钮从服务器上下载json文件(不是打开文件)

标签: postMessage, window事件, 跨源通信

上面是“js如何利用window.postMessage传参、取参”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_3591.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

局域网无法访问本地php项目是什么原因(解决方法)
修改帝国cms网站名称字数长度的方法
帝国CMS技巧之栏目列表设置会员查看权限
css3实现模糊背景,内容清晰
淘宝高权重标题怎么写?新手需要注意三点