如何使html页面显示来自另一个URL的内容

Question

我想制作一个类似google缓存的html页面。

在我的主页首页，我有一个链接到网站B，当我点击A时，出来的页面将显示另一个页面的内容，顶部有一个浮动栏，有一些功能我自己的选择。

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

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

谢谢！

Answer 1

iframe听起来可能就是您所需要的，但在阅读完您的描述后我并不是百分之百确定。 iframe将显示您网页中其他网址的内容。完成后，您需要做的只是设置页面样式并使用CSS / JavaScript添加您所描述的功能。

看看这个： http://www.w3schools.com/tags/tag_iframe.asp

Answer 2

您可以使用<iframe>在您的网页中显示外部网页。 只需将要显示的网页的网址放在src属性的引号内。

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

Answer 3

您使用iframe或通过AJAX将网站加载到div中（例如使用jQuerys load()方法）。

Answer 4

以下是一般概念：

HTML：

<a href="#" id="link">Click Here</a>
<iframe id="frame" src="http://www.w3schools.com" scrolling="yes"></iframe>

一些jQuery（未经测试）：

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

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

根据需要设置样式

注意 - 这个答案绝不会赞同w3schools.com :-)。请参阅w3fools.com /

Answer 5

我发现 Kevin Gourney 的回答最直接、最有帮助。我正在使用它来解决 Adob​​e Spark 的域限制，并创建了一个简单的单行 index.html 文件并按如下方式调整代码：

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