Javascript導入html有可能嗎？

Question

我有一些具有相同頁腳的html頁面。使用JavaScript，只有JavaScript可以導入其中的另一個HTML頁面？

Answer 1

如上所述，一種方法是使用jQuery加載。我碰巧正在做同樣的事情，所以會發佈一個簡單的例子。

使用jQuery：

$("#yourDiv").load('readHtmlFromHere.html #readMe'); 

和你readHtmlFromHere.html頁面將包括：

<div><div id="readMe"><p>I'm some text</p></div></div> 

Answer 2

您可以使用Ajax返回整個HTML頁面。如果你想要替換整個頁面，你可以用ajax調用返回的body標籤替換body標籤和當前頁面上的所有子標籤。

如果你想只需更換你必須寫一個服務器端腳本來創建部分，然後用ajax如上只是替換元素，而不是整個頁面的部分。

Answer 3

你可以做服務器端包含，這取決於你的網絡服務器。 但最快的方法可能是創建一個使用document.write或類似語言輸出html語法的JavaScript文件。 ，然後以正常方式包含創建的JavaScipt文件。 更多信息在： http://webdesign.about.com/od/ssi/a/aa052002a.htm

Answer 4

隨着什麼@Alex提到，jQuery有一個方法.load()，你可以用它來獲取頁面的特定部分（請參閱加載頁面片段在該網頁標題）。您可以指定要與選擇器一起檢索的URL（例如，如果您只想要特定的<DIV>的內容）。

Answer 5

你一定可以的，但如果你正在做的是模板，我建議你這樣做服務器。

Answer 6

這裏是你如何能只使用JavaScript來頁腳添加到您的網頁。

var ajax = new XMLHttpRequest(); 
ajax.open("GET", "footer.htm", false); 
ajax.send(); 
document.body.innerHTML += ajax.responseText;