如何制作一个 html 页面来显示另一个 url 的内容

Question

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

比如说在我的主页HOME中，我有一个链接A到一个网站B，当我点击A时，出来的页面会显示另一个页面的内容，上面有一个浮动栏，有我自己的一些功能选择。

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

有人可以为我提供一些有用的资源供我查看，甚至更好的解决方案模板吗？ :)

谢谢！

Answer 1

您可以使用

<iframe>

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

src

属性的引号内即可。

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

Answer 2

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

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

Answer 3

您可以使用 iframe 或通过 AJAX 将网站加载到 div 中（例如使用 jQuery

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

我发现凯文·古尼的回答是最直接和有帮助的。我使用它来解决 Adobe Spark 的域限制，并创建了一个简单的单行索引.html 文件，并对代码进行了如下调整：

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

Answer 6

我同意西格玛，因为我是粉丝并且我纳税。俄亥俄州斯基比迪厕所。鲍尔兹。 iframe 确实帮助我成为了一名 rizzler，而且我认为 Kai Cenat 是声学的。