Javascript 向单页应用程序中插入超长html片段的最佳方法是什么？

我正在构建一个相当简单的单页应用程序，主要是几个视图，用户可以在其中保存和处理一些本地存储数据。我选择不使用任何模板框架，因为它基本上是非常简单的JavaScript/jQuery，但也许使用主干网或其他东西是值得的。现在它只是一个index.html和几个.js文件

然而，在这个应用程序中有一个视图，我不确定如何继续。实际上大部分都是文本，很多html文本。规则主要有十章。我的问题是，当用户点击该章节时，什么样的格式可以保持文本的可操作性和易于插入性？现在，我只为每一章提供了一个json对象，其中包含一个疯狂的长字符串，其中包含文本的html，但事实证明这并不理想

---

那么，处理大块html而不是真正的长字符串的最佳方法是什么呢？理想情况下，我可以将每个章节作为一个单独的文件保存，以便于更新。

也许一个简单的解决方案是将长内容存储为HTML页面，然后将内容加载到需要显示的IFrame中。您可以控制IFrame在页面上的位置。只需将IFrame的src属性设置为该文档的位置

---

我知道IFrame不是“la模式”，但有时您需要一个简单的解决方案。

如果“最佳”方法是最简单的方法（通常是），请使用jQuery：

$("#chapterDiv").load("Chapters/Chapter1.html");

---

服务器端使用什么语言？服务器存储的文件如何？您可以使用支持远程部分的AJAX/JS模板引擎单独拉入HTML-您当前的数据结构可以具有一个属性，该属性包含文件的URL，以及您在渲染时拉入的已写入HTML数据，并加载到您选择的元素中。请参阅@JB使用ajax从服务器中提取html并将其注入比从

localStorage

注入有什么性能改进？@TJ：从localStorage获取html比从服务器获取html快几个数量级，特别是在互联网不稳定的时候。对任何好奇的人来说。。