html5 postmessage 是通过什么方式传参

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

html5 postmessage的传参使用方法:

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

参数说明如下:

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

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

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

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

cookie或者localStorage

例如localStorage,在A页面里面改变完成的时候用localStorage写入内容进去,localStorage.setItem('a', '传入的内容'),然后在B页面localStorage.getItem('a'),如果写入进去读出来就是“传入的内容”,如果没写入就是未定义(undefined)。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存