哪里存储少量只用于JavaScript的HTML？

Question

我使用的是一个小的HTML模板，其中包含一些DIV和一些标题（大约15行代码）。此模板使用从用户从页面的其他部分中选择的选项中获取的文本填充。只有在用户启用了JavaScript的情况下，标记才有用。如果用户选择多个选项，也会进行克隆。

存储此模板的最佳方式是什么（根据最佳做法）？

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

Answer 1

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

Answer 2

在这种特殊情况下，由于克隆，我认为没有令人满意的解决方案。

我会使用第二个，因为在第一个你在JS中“存储HTML”...但我想这个“存储”是用包含HTML的字符串完成的。因此将对字符串进行求值（使用jQuery或innerHTML属性）。这不是很干净和有效。

此外，使用第二种解决方案，您可以使用WYSIWIG编辑器编辑HTML。

Answer 3

第一选择更好，因为它会更清洁。