Dom(十七)Web通信

Web Message

在跨域中,Web Message的角色就是将目标站点的资源传递给原站的,这是一种文档中独立的浏览上下文间的数据分享方式,且不会有DOM被暴露给恶意的跨站脚本的危险

浏览上下文,解释:就是将document对象呈现给用户的环境(所谓的环境就是例如标签页,窗口,iframe等)

实际上所谓的Web通信是有两 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 种方式的:跨文档通信和通道通信,但是这两种通信都是基于messageEvent事件的

message事件对象

属性(只读)定义
datamessage的数据
originmessage的源,包含协议,域名和端口
lastEventld当前消息事件的唯一标识符
source原始文档窗口的引用,windowProxy对象
protsMessageProt对象的数据

跨文档通信

文档智件的相互通信

示例

A页面

发送

B页面

这个示例就是将A页面中在input的输入,显示在B页面的DIV上,这就是文档之间的相互通信

跨文档通信使用的API就是postMessage方法

otherwindow.postMessage(message,targetOrigin[,transfer])

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值