js模板引擎-arttmpl.js
原生法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/arttmpl.js"></script>
</head>
<body>
<div id="content"></div>
<script id="test" type="text/html">
<ul>
<% for(var i=0;i<list.length;i++){%>
<li>條目內容：<%=list[i] %></li>
<%}%>
</ul>
</script>
<script>
var data = {
author: '主題',
isAdmin: true,
list: ['千與千尋', '哈爾的移動城堡', '幽靈公主', '風之谷', '龍貓']
};
var html=template('test',data);
document.getElementById("content").innerHTML=html;
</script>
</body>
</html>
原生嵌入：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/arttmpl.js" ></script>
</head>
<body>
<div id='content'></div>
<script id='content-ul-template' type="text/html">
<h1><%=title%></h1>
<%include('content-ul-template-child')%>
</script>
<script id='content-ul-template-child' type="text/html">
<ul>
<%for(var i=0;i<list.length;i++){%>
<li><%=list[i]%></li>
<%}%>
</ul>
</script>
<script>
var data={
title:'條目主題',
list:['zhangsan','lisi','wangwu']
};
var html=template('content-ul-template',data);
document.getElementById('content').innerHTML=html;
</script>
</body>
</html>