如何製作一個html頁面來顯示來自另一個url的內容

Question

我想製作一個類似於google緩存的html頁面。

說在我的主頁首頁，我有一個鏈接到一個網站B，當我點擊A時，出來的頁面將顯示另一個頁面的內容，在頂部有一個浮動欄，有一些功能我自己的選擇。

例如，我希望我的鏈接顯示google.com，但我也想爲該google.com添加一個按鈕（浮動欄，任何內容），以便在按下按鈕時可以返回到我自己的網頁。

有人可以爲我提供一些有用的資源，我也看看，甚至更好的解決方案模板？ :)

謝謝！

Answer 1

一個iframe聽起來可能是你需要的，但在閱讀你的描述之後，我並不是100％確定的。 iframe將顯示您網頁中另一個網址的內容。一旦你有了所有你需要做的就是設置頁面的風格，並使用CSS/JavaScript來添加你所描述的功能。

看看這個： http://www.w3schools.com/tags/tag_iframe.asp

Answer 2

您可以使用以在您的網頁中顯示外部網頁。 只需將要顯示的網頁的網址放在src屬性的引號內即可。

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

Answer 3

這裏的總體思路：

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 4

要麼使用iframe，要麼通過AJAX將網站加載到div中（例如，使用jQuerys load()方法）。