html5 postmessage 是通过什么方式传参

html5 postmessage 是通过什么方式传参,第1张

html5 postmessage的传参使用方法:

1、在html5中,要实现跨域页面间的数据互访,需要调用对象的postMessage方法,其调用格式如下:

参数说明如下:

参数otherWindow为接收数据页面的引用对象,可以是window.open的返回值,也可以是iframe的contentWindow属性或通过下标返回的window.frames单个实体对象;

参数message表示所有发送的数据,字符类型,也可以是JSON对象转换后的字符内容;

参数targetOrigin表示发送数据的URL来源,用于限制otherWindow对象接受范围,如果该值为通配符*号,则表示不限制发送来源,指向全部的地址。

2、下面通过实例介绍使用PostMessage()方法实现跨文档传输数据的过程。

这个问题可以通过html5引入的message的API来解决,可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递。具体使用可以在网上查找。

接收方要监听 window 的 onmessage 事件,但该事件只能通过 AddListener 的方式添加 发送方要设置参数中的 targetOrigin 参数为接收方指定的字符串 接收方要检查 event 参数中的 origin 是否是自己想要的字符串,如果是则继续处理


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6302574.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存