跨文档通信/通道通信

1.通信事件

无论是跨文档通信、通道通信、服务器发送事件或是网络套接字都要执行message事件。
五个属性
data
包含任意字符串数据,由原始脚本发送

origin
一个字符串,包含原始文档的方案、域名以及端口(如:http://domain.example:80)

lastEventId
一个字符串,包含了当前的消息事件的唯一标识符。

source
原始文件的窗口的引用。更确切地说,它是一个WindowProxy对象

ports
一个数组,包含任何MessagePort对象发送消息。

跨文档通信和通道通信中,lastEventId 的值是一个空字符串,lastEventId 应用在服务器端发送事件上。发送信息中如果没有ports,则ports属性值是一个长度为0的数组。
MessageEvent 集成DOM事件接口,且属性共享。但是,通信时间并没有冒泡,不能取消,也没有默认行为。

2跨文档通信

[http://www.cnblogs.com/ATree/archive/2012/03/07/HTML5-Web-Messaging.html]
页面中有iframe 框架,不同的iframe框架中的页面可以相互通信。
例子:http://www.zhangxinxu.com/study/201202/web-messing-cross-document-messaging-two-iframe.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,534评论 19 139
  • 昨天看李欣频的《十四堂人生创意课》,虽只看了开头几篇,却已受益匪浅。 上学时,她认为教书是一件很无趣的事情,因为感...
    _Avril_阅读 4,535评论 0 0
  • 我没能将自己打包 而你做好了准备 说会即时出发 你没看到我的胆怯 只是挥手一别 我沉默的苦痛开始堆叠 我躲在...
    1a9d51d244d1阅读 3,265评论 0 4
  • 一,样式有几种引入方式? link 和 @import有什么区别? 答:在html文件中,css样式一共有三种引入...
    kingBirds阅读 3,265评论 0 0
  • 《鬼谷子》精讲系列【目录】[https://www.jianshu.com/p/5014b6a3080c] 原文:...
    粽说风云阅读 5,514评论 15 25