页面通信方式——跨文档消息传递XDM
来源:互联网 发布:sql应用开发培训 编辑:程序博客网 时间:2024/06/05 17:26
XDM:cross-document messaging:指来自不同域的页面间传递消息
功能:XDM核心是postMessage()方法,向包含在当前页面的<iframe>元素/当前页面弹出的窗口传递数据。
核心:postMessage(消息,消息接收方的域)
第一个参数为: 消息字符串,若要传入结构化数据,通过json.stringify()把数据串化成字符串形式。第二个参数: 对保障安全通信有重要作用,可以防止浏览器把消息发送到不安全的地方
var iframeWindow = document.getElementById("iframeID").contentWindow; //所有支持XDM的浏览器也支持iframe的contentWindow属性iframeWindow.postMessage("消息","http://www.xxx.com");接收到XDM消息时,会触发window的message事件,该事件以异步形式触发,所以从发送消息到接收消息会有时间延迟。触发message事件后,传递给onmessage事件处理程序的event对象包含:
1. data: 传入postMessage()的第一个参数,即消息。若处理的是使用json.stringify()后的结构化数据字符串,通过json.parse()方法把字符串解析回结构化数据。
2. origin :发送消息的文档所在域
3. source:发送消息的文档的window对象代理,用于调用postMessage方法
2. origin :发送消息的文档所在域
3. source:发送消息的文档的window对象代理,用于调用postMessage方法
阅读全文
0 0
- 页面通信方式——跨文档消息传递XDM
- 跨文档消息传递XDM
- 分布式通信方式-----分布式消息传递
- 进程间通信——消息传递(消息队列)
- postMessage 跨文档消息传递
- 跨文档消息传递应用
- H5-跨文档消息通信
- html5 postMessage跨域通信 1.解决页面与嵌套的iframe消息传递
- 进程间通信——消息传递(管道)
- μC/OSIII——任务通信(消息传递)
- 分析linux系统下几种消息传递通信方式
- JavaScript:HTML5跨文档消息传递
- HTML5中的跨文档消息传递
- html5web通信-跨文档消息传输
- 笔记:进程间通信——消息传递(管道、FIFO、posix消息队列)
- 进程间通信方式总结——消息队列
- 进程间通信方式——消息队列
- 进程间通信——消息传递(信号量同步PV操作)
- CentOS部署ipa红帽身份验证
- 数据分析中使用的phoenix 版本建议
- 开始学习python语言,想进入数据分析,人工智能行业。
- 关闭防火墙是否就默认所有端口打开?80端口被 阿里云盾占用怎么办?
- SQL优化、索引优化
- 页面通信方式——跨文档消息传递XDM
- 【Noip2011】铺地毯
- 程序设计理论基础
- js和URL的传递、窗口的打开
- Oracle性能优化之统计分析
- 【KMP】HDU 6153 A Secret
- Android Studio 自带的模拟器 (avd模拟器)开机提示需要输入密码的问题
- 算法第1篇——选择排序
- Delphi下获取系统默认的UserAgent的方法