如何用Javascript/Jquery/HTML包含不同的HTML頁面？

Question

我知道iframes完成了這一點，但我想了解如何在沒有iframe的情況下做到這一點，如果可能的話。我有例如4頁。

的index.html 1.HTML 2.HTML 3.html

凡index.html的有3個環節。如果我點擊index.html頁面上的鏈接1，則1.html中的所有html內容都會被加載。如果我在鏈接2上使用clikc，則會加載2.html。

如何使用只有jquery/Javascript/HTML？ （沒有serverside）

Answer 1

使用jQuery，你可以使用get()或load()函數來獲取頁面的內容。如果您使用get，則可以將其append添加到當前頁面中的某個元素，或使用html函數覆蓋該元素中的現有內容。

使用load簡單：

$("#yourElementId").load("1.html");

Answer 2

你也可以做到這一點與jQuery Ajax方法很容易地和它給你比負載方法多一點靈活性（例如，你可以指定你不想獲取頁面的緩存版本）。

<div id="results"></div> 

$.ajax({ 
    url: "1.html", 
    cache: false, 
    success: function(html){ 
    $("#results").append(html); 
    } 
}); 

Answer 3

正如其他人建議，​​可能是你的朋友在這裏。另外，請注意，您可以加載請求頁面的特定部分。這個例子是從the API doc for load()

$('#result').load('ajax/test.html #container'); 

它需要從ajax/test.html結果並將其裝入與ID container元件到 本地元件與ID result。這種技術可能更多的是你想要的，特別是如果你試圖將多個頁面合併爲一個。