javascript - 在哪里存储少量仅与 JavaScript 一起使用的 HTML？

Question

我有一个正在使用的 HTML 小模板，其中包含一些 DIV 和一些 header (大约 15 行代码)。该模板填充了从用户从页面的另一部分选择的选项中获取的文本。标记仅在用户启用了 JavaScript 时才有用。如果用户选择多个选项，它也会被克隆。

存储此模板的最佳方式是什么(根据最佳实践)？

1. 将它存储在 JS 中似乎是有意义的，因为它只与 JS 一起使用，但后来我知道最好将行为和标记分开。
2. 在主页中插入标记并在样式表中将其设置为不显示，然后在 JavaScript 中显示 block 。

Answer 1

为了可维护性，我会说#2 是最好的。如果您将标记保留在外部 JS 文件甚至脚本部分中，则在更新标记时可能会忽略或忘记它。如果您使用的是 CMS 工具，那么将其保留在标记中会更有意义。我通常避免在 javascript 中保留 html 标记，因为转义字符和生成兼容标记很容易出错。