Web Message
在跨域中,Web Message的角色就是将目标站点的资源传递给原站的,这是一种文档中独立的浏览上下文间的数据分享方式,且不会有DOM被暴露给恶意的跨站脚本的危险
浏览上下文,解释:就是将document对象呈现给用户的环境(所谓的环境就是例如标签页,窗口,iframe等)
实际上所谓的Web通信是有两 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 种方式的:跨文档通信和通道通信,但是这两种通信都是基于messageEvent事件的
message事件对象
属性(只读) | 定义 |
data | message的数据 |
origin | message的源,包含协议,域名和端口 |
lastEventld | 当前消息事件的唯一标识符 |
source | 原始文档窗口的引用,windowProxy对象 |
prots | MessageProt对象的数据 |
跨文档通信
文档智件的相互通信
示例
A页面
发送
B页面
这个示例就是将A页面中在input的输入,显示在B页面的DIV上,这就是文档之间的相互通信
跨文档通信使用的API就是postMessage方法
otherwindow.postMessage(message,targetOrigin[,transfer])