如何制作html页面以显示来自其他url的内容

我想制作一个类似于谷歌缓存的html页面

比如说，在我的主页中，我有一个指向网站B的链接a，当我点击a时，出来的页面将显示另一个页面的内容，顶部有一个浮动条，上面有我自己选择的一些功能

例如，我希望我的链接显示google.com，但我还想在google.com上添加一个按钮（浮动条，任何东西），当按下该按钮时，我可以返回到自己的网页

有人能为我提供一些有用的资源吗？看看，或者更好的解决方案模板？：）

谢谢

您可以使用

在您的网页中显示外部网页。 只需将要显示的网页的url放在

src

属性的引号中即可

<iframe src="http://www.webpage.com" width="400" height="400"></iframe>

---

iframe听起来可能是您需要的，但在阅读了您的描述后，我不能100%确定。iframe将显示页面中其他URL的内容。一旦你有了这些，你所需要做的就是设计页面的样式，并使用CSS/JavaScript来添加你的功能

看看这个：

---

以下是总体思路：

HTML:

根据需要设计样式

---

注意-这个答案绝不支持w3schools.com:-）。请参见/

使用iframe或通过AJAX将站点加载到div中（例如，使用jQuerys

load（）

方法）。

我发现凯文·古尔尼的答案非常直截了当，非常有帮助。我用它来解决Adobe Spark的域限制，创建了一个简单的单行index.html文件，并对代码进行了如下调整：

<iframe src="PasteAdobeSparkPageLinkHere" width=100% height=100%></iframe>

---

显示外部页面内容的唯一真正方法是通过iFrame，而不必对原始主机以外的ajax部分拥有明确的权限。

$(document).ready(function() {
    $('#frame').hide();

    $('#link').click(function () {
        $('#frame').show();
    })
})

<iframe src="PasteAdobeSparkPageLinkHere" width=100% height=100%></iframe>