[js]解决postMessage跨域、跨iframe消息传递

页面中有子iframe页面 , 当子iframe接收到消息 , 比如websocket传递过来的消息时

希望能通知到父级页面

可以使用windows.postMessage传递消息 , 两个参数 ,第一个是数据 ,第二个是跨域时指定的目的域

向父级页面传递消息 , 跨域部分是 * , 表示所有域名

window.parent.postMessage(redata,"*");

父级页面监听消息

    window.addEventListener('message',function(e){
        //进行处理
    });        

详细效果可以参考本页的客服按钮 , 当点开后关闭了页面

客服端发送的消息 , 仍然可以弹出来

 

posted @   唯一客服系统开发笔记  阅读(553)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2020-03-01 [PHP] 使用PHP迭代表示二叉树的查找
2019-03-01 [PHP] yield沟通函数循环内外
2019-03-01 [Linux] scp本地服务器和远程服务器拷贝文件
2016-03-01 [android] 分析setting源代码获取SD卡大小
点击右上角即可分享
微信分享提示
1
chat with us