postmessage解决iframe跨域嵌套，调用父页面方法【跨页面通信】

粒子：父页面属于服务器地址，子页面属于本地地址 
parent.html

        

 

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