Underscore解析html模板

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

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

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

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

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

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

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

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

示例：

模板：

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

调用代码

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