postmessage解决跨域

使用window.postmessage其相关消息事件在两个页面之间发送消息来解决跨域。

方法

var frame = document.getElementById('your-frame-id');
frame.contentWindow. postMessage (data, '*');
//data为要传递的值可以是string，boolean，number，array，object

在iframe子页面使用如下方法

window. addEventListener ('message', function(event) { //event.data获取传过来的数据
});

父页面的postmessage是触发addEvenList的
完成

postmessage解决跨域相关推荐

[转]html5: postMessage解决跨域和跨页面通信的问题
[转]html5: postMessage解决跨域和跨页面通信的问题参考文章: (1)[转]html5: postMessage解决跨域和跨页面通信的问题 (2)https://www.cnblog ...
服务端转发html页面,html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
说起来挺简单的,可以直接去查询postMessage推送和window.addEventListener接收使用方式,能自己搞明白是最好的,本文章也只是记录一下自己的使用方式使用postMessag ...
postMessage解决跨域问题
postMessage解决跨域问题 html5有了很多新的功能,解决了以前很多一些很纠结的问题,比如说跨域访问数据,html5中就有了postMessage来解决了这一问题,它提供的api也一样简单易 ...
html5 postMessage解决跨域、跨窗口消息传递
平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的 ...
html5 postMessage解决跨域、跨窗口消息传递 BY:色拉油啊油
一些麻烦事儿平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4. ...
今天的码农女孩做了关于解决跨域的笔记
处理跨域: 在项目根目录下定义一个vue.config.js文件在文件下定义代理的地址: module.exports={ devServer:{ proxy:{ ...
前端解决跨域问题的8种方案（最新最全）
.同源策略如下: URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.j ...
iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
使用window.postMessage实现跨域通信
JavaScript由于同源策略的限制,跨域通信一直是棘手的问题.当然解决方案也有很多: document.domain+iframe的设置,应用于主域相同而子域不同: 利用iframe和locati ...

postmessage解决跨域

使用window.postmessage其相关消息事件在两个页面之间发送消息来解决跨域。

完成

postmessage解决跨域相关推荐

最新文章

热门文章