postMessage 实现跨源通信 iframe 跨域获取url

用postMessage实现跨源通信的方法实例

如：在www.bbb.com/index.html页面获取www.aaa.com/index.html的数据，以iframe的形式

www.aaa.com/index.html页面发送数据

<div  id="login_form"><iframe id="login" onload = "onLoad" src="www.bbb.com/index.html" width="400px" height="650px" frameborder="no" scrolling="no"></iframe></div>function onLoad() {var iframe = document.getElementById('login');var win =iframe.contentWindow;win.postMessage('{name:"ling",sex:"0"}','*')}

www.bbb.com/index.html页面接收数据

window.onmessage =function (e) {e= e || event;if (e.origin !== 'https://captcha.luosimao.com  bbb项目里用到的url但是项目aaa没有用到') {console.log(e.data)}
}

转载于:https://www.cnblogs.com/guoxianglei/p/8991223.html

postMessage 实现跨源通信 iframe 跨域获取url相关推荐

Android开发之跨进程通信-广播跨进程实现方法（附源码）
真的特别简单,简单概述下android的四大组件都可以跨进程. Activity,广播,服务,内容提供者都可以先看下跨进程传递数据的效果图下面是两个APP用于模拟跨进程再看下跨进程效果,AIDL ...
iframe跨域的几种常用方法
背景随着业务的发展,自然地会有一些公共的业务被抽离成为公共组件共各个项目使用.但是由于各个项目用到的技术栈都有所不同,所以这个公共组件就不能方便地被引用了.为解决这个问题,我们把这个组件写成了单独的 ...
VB6银联读卡之旅(二)__55域获取流程及相关注意
银行卡读卡涉及相关APDU命令发送.网上有很多相关博客进行了详细说明,这里就不在赘述.本文主要讲55域获取流程及本人联调时遇到的相关问题.在智能卡读取使用方面本人也属于初学者,其中如有疑问或表述不正确 ...
iframe跨域通信的通用解决方案-第二弹!（终极解决方案）
一年前,我发过一篇关于跨文档通信方案的文章<iframe跨域通信的通用解决方案>,提供了一种基于创建iframe与轮询window.name的方案. 一年后,很高兴地带来彻底改造的新版本. ...
iframe跨域通信
在非跨域的情况下,可以通过 [父调子] iframe的dom节点.contentWindow [子调父]window.top/window.parent 来相互通信在跨域情况下,可以使用postMe ...
[转]html5: postMessage解决跨域和跨页面通信的问题
[转]html5: postMessage解决跨域和跨页面通信的问题参考文章: (1)[转]html5: postMessage解决跨域和跨页面通信的问题 (2)https://www.cnblog ...
iframe 跨域_【梯云纵】搞定前端跨域
韦陀掌法,难陀时间善恶:梯云纵,难纵过乱世纷扰. 现在开始写代码o(╯□╰)o 什么是跨域 1.跨域的定义广义的跨域是指一个域下对的文档或者脚本试图去请求另外一个域下的资源. a链接.重定向.表单提 ...
iframe跨域消息传递
window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本,而不用管是否跨域.一个文档里的脚本还是不能调用在其他文档里方法和读取属性,但他们可以用这种消息 ...
iframe 跨越访问_js iframe跨域访问
1.什么是跨域? 2.前台解决跨域几种方法 2.1 动态创建script 2.2 使用document.domain 2.3使用HTML5新属性postMessage 2.4 利用iframe和loc ...
浏览器同源策略，跨域（跨源）
参考 https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy http://www.ruanyifeng.co ...

postMessage 实现跨源通信 iframe 跨域获取url

postMessage 实现跨源通信 iframe 跨域获取url相关推荐

最新文章

热门文章