`

IFRAME实现跨域通信

阅读更多
iframe跨域应该是每个前台开发者都会碰到的问题,但是对iframe解决方案却少之又少,最近在网上找到一个可以实现iframe通信的方法,在这里很大家分享一下。

其实原来很简单:
Page A include Page B
Page B include Page C

A和B属于两个域,A和C在同一个域中

A向B通信:通过url
B向C通信:如果不是跨域,只要调用parent就一些调用父窗口的函数以进行通信,而如果是两个域的话调用parent,则会报权限不足的异常,这是就需要一个和父窗口同一个域的Page C,使用url向C中传参数,然后在C中获取参数并调用parent.parent调用A中的函数即可


就是这么简单!!!!
分享到:
评论

相关推荐

    iframe跨域通信解决方法

    ### iframe跨域通信解决方法 在现代Web开发中,跨域问题经常出现并困扰着开发者。尤其是在使用`iframe`嵌入不同源的内容时,主页面往往无法直接与`iframe`内的内容进行交互,这就需要一种解决方案来实现跨文档消息...

    iframe+postMessage实现跨域通信

    iframe+postMessage实现跨域通信 window.postMessage()方法安全地启用Window对象之间的跨源通信;例如,在页面和它产生的弹出窗口之间,或者在页面和嵌入其中的iframe之间。 

    iframe跨域通信的通用解决方案-第二弹!(终极解决方案)

    标题中的“iframe跨域通信的通用解决方案-第二弹!(终极解决方案)”指的是在Web开发中,使用`iframe`元素进行跨域通信的一种高级技术。跨域通信是Web应用程序中常见的需求,特别是在需要集成不同来源的网页内容或者...

    完美解决iframe跨域问题

    本文将深入探讨如何“完美解决iframe跨域问题”,并介绍其底层的`window.name`转换代理实现。 **一、iframe跨域的基本概念** 1. **什么是iframe**:iframe是一种HTML元素,允许在单个网页中嵌入另一个网页。它通过...

    iframe 跨域访问session

    然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略(Same-Origin Policy)限制了不同源之间的交互,包括`session`和`cookie`。 同源策略是...

    iframe 跨域解决方法

    为了实际应用这些方法,我们需要检查`xd.js`中的代码,看看它是如何处理`iframe`的跨域通信的。例如,它可能会设置`window.onmessage`事件处理器,接收来自父页面的消息,或者它可能会包含一个`CORS`请求的函数,...

    单点登录跨域iframe互相通信方案.zip

    跨域通信是Web开发中的一个重要挑战,特别是在涉及到iframe时。由于浏览器的同源策略,不同源的网页之间无法直接交换信息,这限制了iframe在不同域之间共享数据的能力。但是,在单点登录场景下,有时我们需要在主...

    iframe跨域通信--html5.postmessage

    本文将深入探讨`iframe`跨域通信与`postMessage`的使用方法和应用场景。 首先,我们需要明白什么是跨域。在Web开发中,同源策略是浏览器为了保障用户数据安全而设置的一种安全机制。同源策略规定,只有相同源(协议...

    解决JS跨域访问IFrame的解决方案

    在JSP中,可能通过HttpClient向IFrame加载的源发送请求,获取数据,然后在服务器端处理后返回给JSP页面,间接实现跨域通信。 综上所述,解决JS跨域访问IFrame的问题,需要根据实际需求和环境选择合适的解决方案,...

    iframe跨域常用问题和iframe页面自适应

    2. **PostMessage API**:这是一种通过JavaScript实现跨域通信的方式。父页面和`iframe`页面可以通过`window.postMessage()`发送消息,然后在另一方的`message`事件中接收。这种方法无需服务器端配合,但需要注意...

    MessengerJS-master(iframe跨域通信)

    MessengerJS-master(iframe跨域通信) MessengerJS-master(iframe跨域通信)

    iframe跨域解决方案

    在Web开发中,跨域(Cross-Origin)是一个常见的挑战,特别是在构建复杂应用或者需要整合不同来源数据时。浏览器的同源策略(Same-Origin Policy)是为保障...因此,在实现跨域通信的同时,务必确保数据传输的安全性。

    javaScript跨域通信

    由于浏览器的同源策略,一个域名下的JavaScript无法直接访问或操作不同域名下的资源,这就需要我们采用特定的方法来实现跨域通信。在这个话题中,我们将深入探讨如何克服这一限制,并通过示例来解释具体的操作步骤。...

    iframe 跨域 自动适应高度

    1. **同源策略与iframe跨域** 同源策略是浏览器安全的一项基础机制,它限制了来自不同源的"文档"或脚本相互交互。当一个`iframe`加载的页面与包含它的页面不在同一个源下时,就会遇到跨域问题。为了解决这个问题,...

    iframe 跨域

    - postMessage和message事件:这是一种相对安全的跨域通信方式,允许窗口、`iframe`或Worker之间发送消息,接收方通过监听`message`事件获取数据。 4. 文件分析: - `index.html`:可能是主页面,包含一个`iframe...

    iframe跨域访问示例

    在Web开发中,"iframe跨域访问"是一个重要的概念,涉及到浏览器的安全策略和网页的嵌入技术。本文将深入探讨这个主题,以便更好地理解和应用。 首先,我们需要了解什么是iframe。Iframe,全称Inline Frame,是HTML...

    利用HTML5的window.postMessage实现跨域通信

    总之,`window.postMessage`是现代Web开发中跨域通信的重要工具,它提供了安全、灵活的接口,使得不同源的页面能够有效地进行信息交换,极大地拓展了Web应用的可能性。在实际项目中,正确理解和使用`postMessage`,...

    JavaScript 跨域通信方法

    ### JavaScript父子页面跨域通信详解 #### 一、引言 在现代Web开发中,跨域通信是一个常见的问题。由于浏览器的安全策略——同源策略(Same-origin policy)的存在,JavaScript在处理不同源之间的数据交互时会受到...

    利用iframe实现ajax跨域通信的实现原理(图解)

    一般情况下都是用在同一域下的...但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,接下来介绍利用iframe实现ajax跨域通信感兴趣的朋友可以了解下,或许对你学习ajax跨域有所帮助

Global site tag (gtag.js) - Google Analytics