通过 JavaScript 包含 HTML 文件答案

【问题标题】：Include HTML file via JavaScript通过 JavaScript 包含 HTML 文件
【发布时间】：2012-06-22 20:33:53
【问题描述】：

这是存储在本地的文件，而不是在服务器上，因此服务器端包含不起作用。

问题：

我有一个 HTML 文件。里面有很多数据，我想把它分成更小的部分，然后把它们全部包含到我的大 html 文件中，例如：

main.html
  <include "partA.html">
  <include "partB.html">
  <include "partC.html">

我希望结果就像 partA,B,C.html 的内容被直接读入 main.html 一样

现在，这不在服务器上——它存储在本地，所以我不能做 SSI。我的问题是：

有没有一些简单的方法可以通过 JavaScript 做到这一点？似乎使用 JavaScript，我应该能够：

我该怎么做？

谢谢！

【问题讨论】：

【解决方案1】：

作为一项安全功能，这是不可能的。这篇文章是关于该主题的讨论 - Includes without local server?。正如答案所说，如果可以的话，最好的办法是在机器上安装一个小型 Web 服务器。它们并不难上手。

我之前用过nginx，效果不错。 http://en.wikipedia.org/wiki/Nginx

【讨论】：

【解决方案2】：

HTML5Rocks 有一个关于如何使用 HTML5 的 File API 读取本地文件的教程：

除此之外，Javascript 通常不具备访问本地文件系统的能力。

更新 - 我假设主文件在服务器上，并且您希望该文件访问本地文件。在重新阅读时，您的所有文件似乎都是本地文件，在这种情况下，下面的一些答案将起作用。

【讨论】：