Question

我看过论坛里的所有帖子，但我没有找到答案，帖子很老。我需要在另一个网站的div中加载外部网页。在我的本地站点中，我有这个脚本：

<script type="text/javascript">
$(document).ready(function() {
    $('#content').load('divelencoarticoli.html');
});
</script>

身体

<div style="width: 100%" id="content">Initial content in test.html</div>

但外部网页无法加载。

外部加载页面位于我服务器的另一个站点（我的另一个站点），没有安全问题。提前谢谢。

Answer 1

大多数网站和大多数浏览器基本上都不可能。主要问题是跨站点脚本编写的安全性。您可以在这方面参考以下内容。

取自 Answer ：

Google使用X-FRAME-OPTIONS HTTP标头禁止放置它们   iframe中的网页：   https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header

几乎所有现代浏览器都拒绝使用此HTTP放置页面   iframe中的标头。你无能为力。

另一个 reference （ 使用iframe进行外部网站的安全风险？ ）：

主要问题是如果您不希望iframe进行交互与父母或如果你做了。通过javascript尝试这样做被某些浏览器阻止，以防止跨站点脚本黑客攻击。不所有浏览器都会阻止它。所以请注意一些来自框架的浏览器javascript可以与您的父级进行交互页面 - 如果你有敏感的东西可能会有问题那里。另一方面，如果你需要框架与之交互在某些浏览器中它不起作用。

在这方面阅读这些内容：

的 X-Frame-Options

的 ClickJacking Defense

Answer 2

您可以像这样使用iframe：

<iframe src="divelencoarticoli.html"></iframe>

在html页面中加载外部网页

2 个答案: