编写模板
使用一个type="text/html"的script标签存放模板:
<script id="test" type="text/html">
{% if (title){ %}
{% for (var i=0;i<list.length;i++) { %}
<div>{%= i %}. {%= list[i].user %}</div>
{%}%>
{%= name||"name is not found !" %}
{% } %}
</script>
渲染模板
var data = {
title: '标签',
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var gethtml = document.getElementById('test').innerHTML
jetpl(gethtml).render(data, function(html){
document.getElementById('testid').innerHTML = html
});
============ 查看演示
下载
- jetpl.js (原生语法, 2.7kb)
============