正文 

当前位置： 首页 > 知识 >

如何解决 iframe 跨域问题 [重复]

     2023-02-27     65

关键词：

【中文标题】如何解决 iframe 跨域问题 [重复]【英文标题】：how to resolve iframe cross domain issue [duplicate] 【发布时间】：2017-04-13 11:15:25 【问题描述】：

我正在制作必须显示另一个域的网页的网页。

例如，在我的web html中，有两个<div>标签。

喜欢：

<html>
<head></head>
<body>
   <div>
      <p> hello world </p>
   </div>
   <div>
      <!-- other domain's web page comes here -->
   </div> 
</body>
</html>

要解决我的问题，我应该使用&lt;iframe&gt;、&lt;embed&gt; 或&lt;object&gt; 标签，但这会导致跨域问题。所以，我不能用它来显示其他域的网页。他们不允许我使用它。

所以，例如：

<iframe src="http://***.com"></iframe>

它不起作用。我的网页无法显示 ***.com。因为，*** 否认了这一点。

我已经搜索了很多关于这些问题的东西。但它们只是 ajax 或 JSONP。它不是 iframe。

有解决我的问题的方法吗？还是无法实现？

【问题讨论】：

您是否考虑过使用页面截图而不是 iframe？ 另外，iframe 应该用火杀死。在大多数情况下，它不是最理想的。 @xShirase 我 120% 同意你的观点 :)) 使用服务器端库，手动完成 @xShirase iframe 不是问题。 iframe 是替罪羊。这个问题真的很复杂。 HTTP 以某种特定方式不安全，从而阻止了 Web 的特定用例，而 CORS 以一种恰好使 iframe 非常复杂的方式修复了该问题。 iframe 是一种有价值的用户界面工具。 【参考方案1】：

您需要控制要嵌入的域才能删除/修改其 CORS 政策。 如果域已明确阻止跨域请求，则您无能为力。

这用于避免任何人劫持您想要的任何网站（您可以在 iframe 中使用全屏 Google，并在 Bettergoogle.com 上投放您的广告，诸如此类）。

This page will give you more insights on Cross-Origin

【讨论】：

好的，我们可以控制要嵌入的域。如何指定 CORS 策略以使其正常工作？ 值得一提：除非特别限制，默认情况下 iframe 嵌入 3rd 方网站有效。 "CORS 在尝试以编程方式访问跨域 iframe 的内容时不适用。如果您想从不同域的 iframe 访问内容，则需要使用网络消息传递API" -- ***.com/a/22413275/2603297【参考方案2】：

如果您获得 iframe 中域所有者的许可，您可以要求他们将您的域添加到他们的跨域策略中，以便您执行此操作。

如果您无权在您的网站上显示他们的内容，我很高兴地说，现代浏览器不支持这种不道德的行为，并且您无法做您想做的事情。

【讨论】：

调整跨域 iframe 高度的大小 [重复]

】调整跨域iframe高度的大小[重复]【英文标题】：ResizeCrossDomainIframeHeight[duplicate]【发布时间】：2014-03-3122:58:10【问题描述】：我正在尝试将iframe高度参数更改为iframe中正在加载的页面的相同像素。在iframe中加载的页面来自另一个... 查看详情

利用iframe解决ajax的跨域问题

问题 1.form提交或a标签跳转方式提交不会引发跨域问题。2.ajax出于安全问题就有了跨域问题，因为一次请求中既访问了外部域最后返回了自己的域。3.用iframe其实就是想仿照ajax的效果，把form请求提交到iframe里就不会将当前页... 查看详情

获取跨域iframe的DOM内容[重复]

】获取跨域iframe的DOM内容[重复]【英文标题】：GetDOMcontentofcross-domainiframe[duplicate]【发布时间】：2011-09-0411:35:25【问题描述】：我有一个跨域网站的iframe。我想读取iframe的DOM，我认为这是可能的，因为使用检查器，我什至可以修... 查看详情

获取跨域iframe的DOM内容[重复]

】获取跨域iframe的DOM内容[重复]【英文标题】：GetDOMcontentofcross-domainiframe[duplicate]【发布时间】：2021-09-0203:28:46【问题描述】：我有一个跨域网站的iframe。我想读取iframe的DOM，我认为这是可能的，因为使用检查器，我什至可以修... 查看详情

获取跨域iframe的DOM内容[重复]

】获取跨域iframe的DOM内容[重复]【英文标题】：GetDOMcontentofcross-domainiframe[duplicate]【发布时间】：2020-08-2012:37:15【问题描述】：我有一个跨域网站的iframe。我想读取iframe的DOM，我认为这是可能的，因为使用检查器，我什至可以修... 查看详情

完美实现跨域iframe高度自适应iframe跨域高度自适应解决方案

...一点让很多人都头疼万分。百度或是谷歌一下，确实很多解决方法，但尝试一下，会发现问题很多：浏览器兼容性差，不能自适应，仅支持同域Iframe等诸多问题，尤其是跨域Iframe高度自适应问题 查看详情

用document.activeelement解决iframe跨域问题(代码片段)

iframe里面一般都会使用别人的URL，没有很多交互，使用document.activeElement可以对iframe进行事件监听。使用下面的类进行测试：varIframeOnClick=resolution:200,iframes:[],interval:null,Iframe:function()this.element=arguments[0];this.cb=arguments[1 查看详情

跨域获取iframe内元素的CSS属性[重复]

】跨域获取iframe内元素的CSS属性[重复]【英文标题】：GetCSSattributesofanelementinsideiframewithcrossdomain[duplicate]【发布时间】：2017-05-2008:09:03【问题描述】：我正在尝试在此iframe中获取.av-video-player-bg的背景图片URL：<iframesrc="http://www.ga... 查看详情

跨域 iframe 调整大小

...ainiframeresize【发布时间】：2011-08-2000:04:15【问题描述】：如何从另一个域调整iframe的大小-编辑向下滚动以获取一些解决方案..或阅读如何不这样做：D经过数小时的代码破解-结论是iframe内的任何内容都无法访问，即使是在我的域... 查看详情

如何解决js跨域问题

参考技术A常用 jsonp 或者 利用src可跨域性质 参考技术B可以使用用jsonp 参考技术C三种方法实现js跨域访问1.基于iframe实现跨域基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个... 查看详情

js跨域问题

...在ie里面没有这个问题。。我知道是跨域问题。。但是要如何解决跨域问题啊？？主要是我的js文件跨域了啊 在AAA.com域名下的index.htm页面中内嵌了BBB.com域名下的一个页面index.htm，正常情况下iframe内部的index.htm页面是无法访问... 查看详情

postmessage处理iframe跨域问题(代码片段)

...的跨域资源也无法将信息直接传递给父页面。一：传统的解决方式。传统的iframe资源解决方式：主要通过通过中间页面代理，此处不再赘述，参考中间页获取跨域iframe二：html5postMessage的产生随着HTML5的发展，html5工作组提供了两... 查看详情

解决跨域的问题

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5postMessage6、利用flash 什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在... 查看详情

解决跨域问题

常用的跨域方法有这样一些：1：使用iFrame访问另一个域。 然后再从另一个页面读取iFrame的内容。jquery等有一些封装。据说Firefox等可能不支持读取另一个iFrame的内容。2：jsonp。需要服务器支持。使用script src动态得到一段j... 查看详情

学会iframe并用其解决跨域问题(代码片段)

...值为yes、no、auto。align:HTML5不支持。HTML4.01已废弃。规定如何根据周围的元素来对齐<iframe>。属性值有left、right、middle、top、bottom简单演示：<h1>演示iframe的使用</h1><iframesrc= 查看详情

iframe 跨域访问

...我不允许这样做。但是，我需要这样做，所以我正在寻找解决方法。解决方案很重要，我可以为自己运行一个脚本。如果 查看详情

跨域 iframe 调整大小？

...iframe源的html/css。有吗？【问题讨论】：查看这个简单的解决方案：***.com/questions/7024574/…是我还是所有这些答案都要求您将脚本添加到external页面 查看详情

用p3pheader解决iframe跨域访问cookie(代码片段)

用P3Pheader解决iframe跨域访问cookieByUPDATEonFebruary14,20084:47PM|Permalink|Comments(0)|TrackBacks(0) 目前在整合几个应用时，遇到了iframe无法获取cookie(session)的问题，经过google，终于把这个问题解决了，现在记录一下。  我的需... 查看详情