template.js

template.js是一个javascript模板引擎。

使用一个type="text/html"的script标签存放模板，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>

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

<script type="text/javascript" src="../js/template.js"></script>
//引入template.js
<script type="text/javascript">
var data = {
    title: '标签',
    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template.render('test', data);
document.getElementById('content').innerHTML = html;
</script>

其中test是目标id，data是一个对象，或者数组。

转载于:https://my.oschina.net/u/3042592/blog/1585870