1. artTemplate 简洁语法模板
（1）引入插件：
< script src = "template.js" ></ script >
（2）编写模板：
<script id="test" type="text/html"><h1>{{title}}</h1><ul> {{each list as value i}} <li>索引 {{i + 1}} ：{{value}}</li> {{/each}}</ul></script>（3）渲染数据：
var data = { title: '标签', list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']};var html = template('test', data);document.getElementById('content').innerHTML = html;（4）简洁语法：
{{if admin}} {{include 'admin_content'}} {{each list}} <div>{{$index}}. {{$value.user}}</div> {{/each}}{{/if}}2. artTemplate 原生 js 模板语法版
（1）使用
在页面中引用模板引擎：
<script src = "template-native.js" ></script>
（2）表达式
<% 与 %> 符号包裹起来的语句则为模板的逻辑表达式。
（3）输出表达式
对内容编码输出：
<%= content %>
不编码输出：
<%=# content %>
编码可以防止数据中含有 HTML 字符串，避免引起 XSS 攻击。
（4）逻辑
支持使用 js 原生语法：
<h1><%=title%></h1><ul> <%for(i = 0; i < list.length; i ++) {%> <li>条目内容 <%=i + 1%> ：<%=list[i]%></li> <%}%></ul>注意：模板不能访问全局对象。
用于嵌入子模板：
<% include ( 'template_name' ) %>
子模板默认共享当前数据，亦可以指定数据：
<% include ( 'template_name' , news_list ) %>
（5）辅助方法（解决模板不能访问全局对象的问题）
使用 template.helper(name, callback) 注册公用辅助方法，例如一个访问全局变量jQuery的方法：
template.helper('getJquery', function () { return $;});模板中使用的方式：
<% getJquery ( ); %>
版权声明：本文为carriehaohao原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。