<script type = "text/template">…> < /脚本

我只是偶然发现了一些我从未见过的东西。在Backbone.js的示例TODO应用程序的源代码(Backbone TODO示例)中，他们在<script type = "text/template"></script>中有他们的模板，其中包含的代码看起来像PHP但带有JavaScript标签。

有人能给我解释一下吗?这是合法的吗?

这些脚本标记是在客户端实现模板功能的常用方法(如在PHP中)。

通过将类型设置为“text/template”，这不是浏览器能够理解的脚本，因此浏览器将简单地忽略它。这允许您在其中放入任何内容，然后模板库可以提取这些内容并使用它们来生成HTML片段。

Backbone并不强迫你使用任何特定的模板库——有很多模板库:Mustache、Haml、Eco、谷歌Closure模板等等(你链接到的例子中使用的模板是underscore.js)。它们将使用自己的语法让您在这些脚本标记中进行编写。

在盒子9的答案中加上:

Backbone.js依赖于underscore.js，它本身实现了John Resig的原始微模板。

如果您决定在Rails中使用Backbone.js，请务必查看Jammit gem。它提供了一种非常简洁的方式来管理模板的资产打包。 http://documentcloud.github.com/jammit/#jst

默认情况下，Jammit也使用JResig的微模板，但它也允许您替换模板引擎。

jQuery模板就是一个例子，它使用这种方法来存储HTML，而不是直接渲染(这是整个点)在其他HTML: http://api.jquery.com/jQuery.template/

这是一种向HTML中添加文本而不进行渲染或规范化的方法。

这和添加它没有什么不同:

 <textarea style="display:none"><span>{{name}}</span></textarea>

这是合法的，非常方便!

试试这个:

<script id="hello" type="text/template">
  Hello world
</script>
<script>
  alert($('#hello').html());
</script>

有几个Javascript模板库使用了这种技术。js就是一个很好的例子。

通过设置脚本标签类型而不是text/javascript，浏览器将不会执行脚本标签的内部代码。这叫做微模板。这个概念在单页应用程序(又名SPA)中广泛使用。

<script type="text/template">I am a Micro template. 
  I am going to make your web page faster.</script>

对于微模板，脚本标签的类型是text/template。Jquery创建者John Resig http://ejohn.org/blog/javascript-micro-templating/给出了很好的解释

推荐文章