如何组织 HTML 模板

Question

我想在浏览器中使用一堆客户端 EJS（或 jQuery）HTML 模板，我想知道是否有人对如何组织它们有任何建议。我绝对不想将它们混合到 JavaScript 或 HTML 中，并且我不想仅仅为了从服务器获取它们而必须发出额外的 AJAX 请求。一旦我将它们加载到 JS 变量中，我将使用 HTML5 的本地存储来缓存它们。有人想吗？

谢谢！

Answer 1

就我个人而言，我要么使用 ajax 调用将它们加载为 JSON 对象 $.getJSON() ，要么简单地将它们写入 html 内的隐藏文本区域 div 中。

<textarea id="template1" style="display:none">
   // here be template code
</textarea>

大多数 HTML 编辑器都可以容忍这种情况，而不会搞乱语法检查。