tempalte.js例子

页面html

<script id="test" type="text/html"><h1><%=title%></h1><ul><%for(i = 0; i < list.length; i ++) {%><li>条目内容 <%=i + 1%> ：<%=list[i]%></li><%}%></ul></script><div id="content"></div>

模板逻辑语法开始与结束的界定符号为<% 与%>，若<%后面紧跟=号则输出变量内容。

//--js代码

<script type="text/javascript" src="../js/template.js"></script>//引入template.js<script type="text/javascript">

//数据可以用ajax异步请求php程序,json格式返回var data = {    title: '标签',    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']};var html = template.render('test', data);//document.getElementById('content').innerHTML = html;$("#content").html(html);</script>

例子http://www.cnblogs.com/itxiongwei/p/5567088.html