使用 underscore.js 模块解析

Underscore提供了一个轻量级的模板解析函数，它可以帮助我们有效地组织页面结构和逻辑。

实例：

　

在本例中，我们将模板内容放到一个<script>标签中，你可能已经注意到标签的type是text/template而不是text/javascript，因为它无法作为JavaScript脚本直接运行。

 

我也建议你将模板内容放在<script>中，因为如果你将它们写在一个<div>或其它标签中，它们可能会被添加到DOM树中进行解析（即使你隐藏了这个标签也无法避免）。

 

.template模板函数只能解析3种模板标签（这比Smarty、JSTL要简单得多）：

 

<%  %>：用于包含JavaScript代码，这些代码将在渲染数据时被执行。

 

<%= %>：用于输出数据，可以是一个变量、某个对象的属性、或函数调用（将输出函数的返回值）。

 

<%- %>：用于输出数据，同时会将数据中包含的HTML字符转换为实体形式（例如它会将双引号转换为&quot;形式），用于避免XSS攻击。

 

当我们希望将数据中的HTML作为文本显示出来时，常常会使用<%- %>标签。

 

Underscore还允许你修改这3种标签的形式，如果我们想使用{% %}、{%= %}、{%- %}作为标签，可以通过修改templateSettings来实现，就像这样： 

_.templateSettings = {        evaluate : /\{%([\s\S]+?)\%\}/g,        interpolate : /\{%=([\s\S]+?)\%\}/g,        escape : /\{%-([\s\S]+?)%\}/g    }

.