HTML5如何应用PostMessage函数跨域、跨窗口消息传递？
发布时间：2022-11-11 04:51:18
在HTML中开发人员经常需要解决跨域、跨窗口消息传递的问题，这时候就需要应用PostMessage函数，用于将消息放入到消息队列中进行处理。PostMessage函数是如何运用的呢？请看下文。
平时做WEB开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题。
1、页面和其打开的新窗口的数据传递；
2、多窗口之间消息传递；
3、页面与嵌套的iframe消息传递；
4、上面三个问题的跨域数据传递。
HTML5应用PostMessage函数解决跨域、跨窗口消息传递：
postMessage()
这些问题都有一些解决办法，但HTML5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。
postMessage(data,origin)方法接受两个参数
1、data：要传递的数据，html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象，然而并不是所有浏览器都做到了这点儿，部分浏览器只能处理字符串参数，所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化，在低版本IE中引用json2.js可以实现类似效果。
2、origin：字符串参数，指明目标窗口的源，协议+主机+端口号[+URL]，URL会被忽略，所以可以不写，这个参数是为了安全考虑，postMessage()方法只会将message传递给指定窗口，当然如果愿意也可以建参数设置为"*"，这样可以传递给任意窗口，如果要指定和当前窗口同源的话设置为"/"。
https://test.com/index.html
01
02
Frame Color
03
04
05
06
复制代码
Frame Color
0
投稿猜你喜欢
Win10系统很卡怎么办？最近有用户反映Win10系统电脑经常出现卡顿的情况，该怎么优化系统才不会卡呢？下面就给大家分享解决Win10系统卡- Steam创建账号无法通过人机身份验证怎么办？Steam是许多用户在使用电脑玩游戏的时候经常选择的游戏平台，而创建账号是登陆账号的第一步，但
- 在Excel工作表中插入Word文档和PowerPoint演示文稿的方式基本相同，都是使用“对象”对话框将已制作完成的文档以文件的方式插入，
- wps数据透视表里的行标签顺序怎么改？在EXCEL表格中使用数据透视表进行筛选和统计。那么如何修改数据透视表的行列字段顺序呢？以此销售表为例
- 使用Mac的朋友都知道CleanMyMacX是强大的Mac系统垃圾清理工具，那么CleanMyMacX怎样进行垃圾清理呢？CleanMyMa
- manager.exe是一个木马程序，会窃取包括用户名和密码等信息，发送到abreb@hotmail.com邮箱中进程文件： manager
- word目录怎么做，经常遇到一些论文排版的朋友问起的一个话题。word目录怎么做，其实没有想象中复杂，按照下面三个步骤操作，一个Word目录
- win10系统是一个非常优秀的智能系统，基本上什么会影响用户使用系统问题智能win10系统将自动修复解决，但在智能系统也不能解决最近有很多朋
- win10远程桌面连接的计算机填什么？很多的小伙伴肯定都听说或者接触过远程桌面连接，实用性非常的高，很多新手打开之后就会很好奇计算机名称不知
- 在Windows7系统中，桌面右下角有个音量图标，而这个图标是我们调节系统音量的重要工具，但最近有很多用户反映，音量图标消失不见了，怎么找都
- Windows 7 有着绚丽的外表，同时桌面壁纸支持自动更换，但相信仍然有些网
- 如今，人们对于电脑的需求是越来越高，同时电脑里面也存储了人们越来越多的重要文件资料，从安全方面考虑，我们希望一些重要文件能够自动备份，这样我
- 许多用户在演示文稿的时候基本都会选择office中的PPT，但是最近有不少用户在使用的时候想要发布，电脑却提示找不到发布命令，遇到这种情况我
- wps软件一直是用户在遇到编辑文件情况时经常使用的一款办公软件，给用户带来了许多的好处，再加上这款办公软件可以让有用户编辑各种各样的文件，例
- F.DIST 函数返回F分布。适用版本Excel 2010+说明F.DIST 函数返回F分布。返回值F分布。语法=F.DIST(x,deg_
- Excel中经常需要使用到公式统计数据出现的次数，数据出现的次数具体该如何进行统计呢?下面小编马上就告诉大家excel表格用函数公式统计某值
- 在电脑上拷贝数据的时候，需要使用到移动硬盘，有朋友在电脑上插入U盘等移动盘的时候，无法访问移动硬盘，会跳出窗口提示“参数错误”，下面小编以W
- 电脑运行速度如何提高最佳状态？电脑运行时间过久的时候，难免会降低了它的运行速度，那我们要如何操作恢复至最佳状态呢？这里小编就教大家一个方法，
- 打印机是上班族必不可少的办公设备之一，但是在使用过程中，不可避免会遇到各种问题。就有用户咨询小编：怎么重启打印机的打印服务。那针对这个问题，
- 在使用xp过程中不慎将任务栏隐藏了输入法图标，于是很焦急不知道有什么恢复输入法图标的方法吗，答案是有的，感兴趣的你可以参考下或许对你有所帮助
