通过JavaScript包含HTML文件

时间:2012-06-22 20:33:54

标签: javascript jquery

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

问题:

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

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

我希望结果好像partA,B,C.html的内容被正确读入main.html

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

有没有一些简单的方法可以通过JavaScript实现这一目的?看起来像JavaScript,我可以:

  • 获取blah.html的内容[不知道怎么做这个ste [
  • 在其上调用document.write,将其写入文档
  • 可能会处理一些处理转义字符串的事情

问题:

我该怎么做?

谢谢!

2 个答案:

答案 0 :(得分:2)

作为安全功能,这是不可能的。这篇文章是关于这个主题的讨论 - Includes without local server?。正如答案所说,如果可以,最好的方法是在机器上安装一个小型Web服务器。他们不太难开始。

之前我使用过nginx并取得了不错的效果。 http://en.wikipedia.org/wiki/Nginx

答案 1 :(得分:1)

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

http://www.html5rocks.com/en/tutorials/file/dndfiles/

除此之外,Javascript通常无法访问本地文件系统。

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