美文网首页
跨文档通信/通道通信

跨文档通信/通道通信

作者: 芹菜斯_嘉丽 | 来源:发表于2016-12-04 20:42 被阅读0次

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

相关文章

  • 跨文档通信/通道通信

    1.通信事件 无论是跨文档通信、通道通信、服务器发送事件或是网络套接字都要执行message事件。五个属性data...

  • 04、HTML5-跨文档消息通信

    一、跨文档消息通信(同域名) 二、跨文档消息通信(不同域名) postMessage 三、跨文档消息通信(不同域名...

  • 04、HTML5-跨文档消息通信

    (关于跨域通信问题,先要将服务器配置好,添加两个不同域名,方便操作) 一、跨文档消息通信(同域名) iframe ...

  • 前端基础面试题

    1. 跨域问题 同源:两个文档需满足:协议相同,域名相同,端口相同。跨域通信 :js进行DOM操作、通信时如果目标...

  • 前端跨页面通信

    跨页面通信主要分两大类 同源页面间的跨页面通信 非同源页面间的跨页面通信 同源页面间的跨页面通信 1.BroadC...

  • react 跨级组件通信

    跨级组件通信所谓跨级组件通信,就是父组件向子组件的子组件通信,向更深层的子组件通信。跨级组件通信可以采用下面两种方...

  • VUEX

    为什么要用vuex? 组件通信的类型 父子通信 跨级通信 兄弟通信 路由视图级别通信 通信解决方案 props/$...

  • Android通信v2.0

    跨网络通信 Socket本地通信,进程从zygote进程fork的指令都是用socket本地通信的 跨应用/进程通...

  • FE-interview-Q&A

    浏览器标签页通信 WebSocket (可跨域) postMessage(可跨域)iframe 父子通信np = ...

  • 微信小程序跳转传参,参数过长情况

    通过EventChannel建立页面间事件通信通道页面间通信EventChannel 通过encodeURICom...

网友评论

      本文标题:跨文档通信/通道通信

      本文链接:https://www.haomeiwen.com/subject/kxohmttx.html