
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)
PouchDB:一款基于JavaScript 的开源NoSQL文档数据库
JavaScript获取指定网站状态码查询代码(2种实现方法)
标签: postMessage, window事件, 跨源通信
上面是“js如何利用window.postMessage传参、取参”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_3591.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

黑客入侵效果代码
帝国CMS(EmpireCMS6.0)如何设置多样式的会员列表
Ai Dance:专为TikTok等平台创作者打造的AI舞蹈视频生成网站
WPS PDF
Chikka.ai:一款专注于客户访谈的AI平台