粒子:父页面属于服务器地址,子页面属于本地地址
parent.html
<div>
<iframe src="http://localhost:8081" id="iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ></iframe>
</div>
parent.js
window.addEventListener('message',function(e){
console.log(e);//{data:'params'}
});//本人使用vue脚手架,实际场景根据使用而定
child.js
window.parent.postMessage({
data:"params"
},'*');
1
postMessage(data,origin) //两个参数
data //需要传递的参数
origin //发送消息窗口的源(协议+主机+端口号) [也可以设置'*']
//指向当前的父窗口
————————————————
版权声明:本文为CSDN博主「第一千行代码」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/y75475/article/details/88295721