如何解决iframe跨域问题

时间:2016-11-29 12:42:00

标签: javascript jquery html iframe cross-domain

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

例如,在我的网页html中,有两个<div>标记。

喜欢:

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

要解决我的问题,我应该使用<iframe><embed><object>标记,但这会导致跨域问题。因此,我无法使用它来显示其他域名的网页。他们不允许我使用它。

所以,例如:

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

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

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

有解决方案来解决我的问题吗?或者是不可能实现这个?

2 个答案:

答案 0 :(得分:10)

您需要控制要嵌入的域以删除/修改其CORS策略。域名已经明确地阻止了跨域请求,你无能为力。

这用于避免任何人劫持您想要的任何网站(您可以在iframe中运行全屏Google,并在bettergoogle.com上播放您的广告,等等。)

This page will give you more insights on Cross-Origin

答案 1 :(得分:1)

如果您拥有iframe中域所有者的权限,则可以要求他们将您的域添加到其跨域策略中,以便您可以执行此操作。

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