JavaScript 模板引擎：template.js

template.js 一款 JavaScript 模板引擎，簡單，好用。提供一套模板語法，用戶可以寫一個模板區塊，每次根據傳入的數據，生成對應數據產生的HTML片段，渲染不同的效果。

特性：

• 模版編譯，渲染

• 支持所有主流瀏覽器及Node（UMD）

• JavaScript原生語法

• 可自定義配置

• 支持數據過濾

• 功能專一，簡單好用

兼容性：

• Node 0.10+

• Safari 6+ (Mac)

• iOS 5+ Safari

• Chrome 23+ (Windows, Mac, Android, iOS, Linux, Chrome OS)

• Firefox 4+ (Windows, Mac, Android, Linux, Firefox OS)

• Internet Explorer 6+ (Windows, Windows Phone)

• Opera 10+ (Windows, linux, Android)

編寫模版

使用一個type="text/html"的script標簽存放模板，或者放到字符串中：

<script id="tpl" type="text/html">
<ul>
    <%for(var i = 0; i < list.length; i++) {%>
    <li><%:=list[i].name%></li>
    <%}%>
</ul>
</script>

渲染模板

var tpl = document.getElementById('tpl').innerHTML;
template(tpl, {list: [{name: "yan"},{name: "haijing"}]});

輸出結果：

<ul>
    <li>yan</li>
    <li>haijing</li>
</ul>

項目主頁：http://www.baiduhome.net/lib/view/home/1422197382437