将客户端JavaScript模板放在HTML或JavaScript中？

应该是客户端模板,如下所示(使用下划线的模板引擎)：

<p class="foo"><%= bar %></p>

被放置在单独的HTML文件或单独的JavaScript文件中？我知道它可以双向工作.

例如,JavaScript文件可能只包含一个字符串变量列表,如下所示：

var cute = '<p class="the"><%= unicorn %></p>';
var fb   = '<p class="new-design"><%= sucks %></p>';

但我也看到了以下内容：

<script type="text/template" id="omg-template">
  <span id="swag-name"><%= name %></span>
</script>

仅从分离关注的角度来看,模板存储属于哪里？

解决方法

我通常会使用一个资产管理系统来连接和缩小javascripts和css,并将客户端模板文件转换为挂起全局变量的JS字符串.这种事情取决于您的平台,但在rails世界中您想要查看 jammit或 sprockets(现在是rails的一部分)

如果我没有合适的资产管理,我通常会最终使用脚本标记方法,模板在服务器上拆分为部分,并包含在页面底部.使用它有点痛苦,但是IMO不仅仅是你的简单示例字符串模板真的不应该在你的javascript文件中内联.