Javascript 在iframe中加载另一个域网站

Javascript 在iframe中加载另一个域网站,javascript,jquery,html,angularjs,iframe,Javascript,Jquery,Html,Angularjs,Iframe,我想使用iframe在我的网站上加载另一个网站 在其他一些网站上使用iframe加载时,我看到了一些其他问题。 那么我们不能实现iframe来加载其他域网站页面吗?如果是,我们是否有其他方法加载网站 以下是我的测试方法: 我试过了 使用以下代码 <!DOCTYPE html> <html> <body> <iframe src="https://github.com/mattlewis92/angular-bootstrap-calendar/i

我想使用iframe在我的网站上加载另一个网站

在其他一些网站上使用iframe加载时,我看到了一些其他问题。 那么我们不能实现iframe来加载其他域网站页面吗?如果是,我们是否有其他方法加载网站

以下是我的测试方法

我试过了 使用以下代码

<!DOCTYPE html>
<html>
<body>
    <iframe src="https://github.com/mattlewis92/angular-bootstrap-calendar/issues" width="800" height="800">
      <p>Your browser does not support iframes.</p>
    </iframe>
</body>
</html>

您的浏览器不支持iFrame

我遇到了以下错误。
拒绝在框架中显示“”,因为某个祖先违反了以下内容安全策略指令:“框架祖先'无'。

简短回答是否,您不能使用iFrame嵌入此网站

如果站点允许,您的代码就可以了-但是在这种情况下,您没有嵌入此站点的有效方法

显然,他们不希望您嵌入他们的网站:

该服务的外观和感觉版权所有©GitHub,Inc.保留所有权利。未经GitHub明确书面许可,不得复制、复制或重用HTML/CSS、Javascript或视觉设计元素或概念的任何部分


但是

您可以使用javascript获取内容,因为它允许您这样做

尝试ajaxing to-我看到
访问控制允许源代码:
,这样您就可以在Ajax响应中将其返回到页面

$(函数(){
$.get(”https://api.github.com/repos/mattlewis92/angular-bootstrap-calendar/issues,函数(数据){
console.log(数据)
$(“#结果”).html(数据[0].title);
});
});

如果iframe页面允许,您可以将另一个来源的页面放入iframe。如果没有,它会使用通过策略告诉浏览器它不正常:

指令指示用户代理是否应允许使用
frame
iframe
object
embed
applet
元素或非HTML资源中的等效功能嵌入资源。资源可以使用此指令避免嵌入潜在的恶意上下文中,从而避免许多UI纠正[UIRecovery]攻击


阅读本文我们可以使用jquery获取数据,然后在iframe中加载内容吗?有什么诀窍吗?@JeevaJsb:几乎肯定没有,因为如果他们这样做,他们也会使用来阻止您的源站通过ajax访问其内容。您可以向自己的服务器请求,让服务器从他们的服务器请求,然后将其返回到您的页面。我谨建议,由于他们显然不希望他们的内容以这种方式使用,您不要以这种方式使用他们的内容。似乎我们正在复制此处的答案和评论我认为评论通知不会发送给他。我也想听听他的意见。所以我在这里也发表了同样的评论。@mplungjan:总是发生。我花了一些时间才找到规范,它不在我的正常参考列表中。我们可以使用jquery获取数据,然后在iframe中加载内容吗?有什么把戏吗?我不明白你的意思。你能提供更多的细节或参考资料吗?框架祖先的“自我”也是同样的意思吗?这意味着网站将允许自己嵌入自己的内容