将超长的html片段注入单页应用程序的最佳方式是什么

What is the best way to inject extremely long html snippets into a single page app?

本文关键字：最佳应用程序方式是什么单页片段 html 注入更新时间：2023-09-26

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

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

那么，使用大块html而不是真正长的字符串的最佳方法是什么呢？理想情况下，我可以将每一章作为一个单独的文件，使它们更容易更新。

如果"最佳"方式是最简单的方式（通常也是），请使用jQuery:

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

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

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