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

以下是使用javascript向页面添加页脚的方法。

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

Answer 4

除了@Alex提到的内容之外，jQuery还有一个方法.load()，您可以使用它来获取网页的特定部分（请参阅在该页面上加载页面片段）。您可以指定要与选择器一起检索的URL（例如，如果您只想要特定的<DIV>内容）。

Answer 5

您可以执行服务器端包含，具体取决于您的网络服务器。 但最快的方法可能是创建一个使用document.write或类似的JavaScript文件来输出html语法。 然后以正常方式包含创建的JavaScipt文件。 更多信息： http://webdesign.about.com/od/ssi/a/aa052002a.htm

Answer 6

你绝对可以，但如果你所做的只是模板化，我建议你在服务器上这样做。