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

Cof*_*fey 2 html javascript markup clone

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

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

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

Vic*_*tor 5

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