跨域情况下iframe页面与父页面的交互

最新推荐文章于 2023-11-11 14:19:29 发布
最新推荐文章于 2023-11-11 14:19:29 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： Front-end 文章标签： iframe c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linvo/article/details/7416003
版权

A页面中嵌了一个B，A与B属于两个独立的根域

这时在B中想与A进行交互，一般情况下会因为没有权限而无法做到

一种解决方法：在B中再嵌一个与A同域的C，B借助与C与A进行交互

That's all. :)


Linvo
关注
专栏目录
iframe 跨域 js交互
fyqcdbdx的专栏
11-18 938
主要利用document.domain， 在有iframe的页面head写上：    document.domain='xxx.com' 在iframe目标页面也写上：    document.domain='xxx.com' 这样，两个页面的js就可以交互了，但要注意一个问题，在IE678下，有时获取location.href时有异常，保险起见使用loc
跨域IFRAME 安全的数据交互方案
路过君的博客
04-01 298
场景概述：站点A页面通过IFRAME嵌套站点B页面，A页面需要从B页面获取数据 站点B页面推送数据： parent.window.postMessage(data, "http://sitea"); 站点A页面接受数据： window.addEventListener("message", function (event) { if (event.origin === "http://site...
跨域：利用iframe实现跨域DOM互访的四种方式
最新发布
qq_68163788的博客
11-11 7150
使用 iframe 实现跨域访问是一种常见的技术。通过将另一个域的内容嵌入到当前页面的 iframe 中，可以实现跨域访问。这种方法通常用于在网页中嵌入来自不同域的内容，比如嵌入其他网站的地图、视频或其他资源。 但需要注意的是，由于安全原因，浏览器通常会限制跨域访问，因此在使用 iframe 实现跨域访问时，需要确保被嵌入的内容允许跨域访问，或者采取其他安全措施来确保安全性。使用 iframe 实现跨域访问是一种常见的技术。通过将另一个域的内容嵌入到当前页面的 iframe 中，可以实现跨域访问。
iframe跨域获取的父页面URL
xiawenyi1234的博客
07-07 6796
当iframe与父页面不属于同一个域名时，像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法，使用document.referrer。 方法很简单，通过parent !=window检测iframe与父页面是否同源，当不同源时，使用document.referrer，否则使用parent.location.href或者top.location.href； var getParentUrl = function() { var url = null; if (
iframe跨域调用父窗口js.zip
06-12
这种情况下，由于浏览器的同源策略限制，默认情况下，iframe内容与父页面无法直接交互。但是，通过特定的技术手段，我们可以实现iframe跨域调用父窗口的JavaScript方法。本教程将详细讲解这一过程。 首先，我们需要...
JS实现iframe中子父页面跨域通讯的方法分析
10-15
在JavaScript中，iframe子页面与父页面之间的跨域通信是一个常见的需求，特别是在处理嵌套页面交互、第三方组件或服务集成时。由于同源策略的限制，不同源的页面默认不能直接访问对方的DOM元素或JavaScript变量。...
demo_DEMO_子页面刷新父页面iframe_
09-30
在父子页面关系中，IFrame中的页面（子页面）与包含它的页面（父页面）可以进行一定程度的交互。 描述“子页面刷新父页面”指出我们要解决的是从子页面出发，如何刷新包含它的父页面。这通常通过JavaScript来实现，...
嵌入式iframe子页面与父页面js通信的方法
10-24
一种常见的解决方案是使用一个代理iframe，该代理iframe位于父页面的同一个域下，作为子页面与父页面之间的桥梁。子页面通过改变代理iframe的`src`属性，传递数据到代理页面，然后代理页面通过`window.postMessage`...
layer弹窗:top.layer弹窗到父页面跨域解决办法
05-15
在IT行业中，跨域问题是一个常见的挑战，尤其是在网页开发中，比如当我们在使用layer弹窗插件时，可能会遇到从子页面弹出一个窗口到父页面的情况。标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题...
子页面访问父页面 和 跨iframe访问
03-15
NULL 博文链接：https://pireswang.iteye.com/blog/325571
iframe和父级页面做跨域交互案例！
web前端进阶 黑客的博客
08-22 6829
父级页面地址：http://localhost:63342/parent.html 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </h
通用版解决跨域问题，父页面获取iframe里面的内容
热门推荐
劲枫的博客
04-24 6万+
  父页面获取iframe里面内容的解决方案如下：   实验如下：开两个服务器，一个端口9000，一个端口9001 现在在9000页面要放一个iframe指向9001的一个页面，再在9000父页面打印9001iframe里面的东西是访问不了的，提示跨域了，端口不一样      现在的目标：父页面127.0.0.1:9000访问自己iframe src=127.0.0.1:9001...
跨域下获取iframe的父页面URL
brittany2009的博客
07-13 1636
通常情况下，我们获取iframe父页面的url很简单：parent.location或top.location即可，但前提是它们遵循同源策略。当iframe与父页面不属于同一个域名时，像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法，使用document.referrer。   方法很简单，通过parent !=window检测iframe与父页面是否同源...
js之iframe子页面与父页面通信
05-07 583
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。 一、同域下父子页面的通信 父页面parent.html <html> <head> <script type="text/javascript"> function say(){ aler...
iframe 跨域 (子页面如果获取父页面元素)
Lance5678的专栏
12-11 5703
试验场景：           a.html   在域  www.a.com下        b.html    在域  www.b.com 下       a中通过iframe 引用  b.html  期望结果：        在b.html相关处理完成后  修改   a.html中的元素    应用场景：        公司内部有两个系统，一个电商系统，一个第三方支付系统，
JavaScript：iframe子页面和父页面域内及跨域通信示例
快去创造奇迹
09-10 3883
iframe子页面与父页面通信
Iframe跨域获取父页面URL参数
imtns59521的专栏
12-04 8164
a.html?name="abc" 　 　　<Iframe name="tt" src="http://192.168.1.131:8082/b.html" width="760" height="760" scrolling="no" frameborder="0"> 　 b.html function getJsUrl(){ var pos,
HTML中IFrame的父窗口与子窗口交互实现
当需要在IFrame中进行交互操作，如父窗口与子窗口之间传递数据或控制时，可以使用JavaScript来实现。下面我们将详细探讨如何进行这些操作。 ### 1. 父窗口获取子窗口元素的值 要从父窗口获取子窗口中的元素值，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值