Underscore解析html模板

Underscore 的_.template模板函数只能解析3种模板标签

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

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

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

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

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

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

此方法还可以用于解决和其它模板语言的标签冲突

示例：

模板：

1<script type="text/template" id="tpl">
2   <div>{%=say%}</div>
3</script>

调用代码

1var data = {};
2data.say = "Hello World!";
3$("body").html(_.template($("#tpl").html(),data));