语法
- 首先引入baiduTemplate.js
<script src="baiduTemplate.js"></script>
- 结构中随便写一个div标签
<div id="div1"></div>
- 创建模板
<script id="header" type="text/html">
<h1>姓名：<%=name%></h1>
<h1>年龄：<%=age%></h1>
<ul>
<%for (var i = 0; i < foods.length; i++) {%>
<li><%=foods[i]%></li>
<%}%>
</ul>
</script>
- 数据（一般数据都是从后台获取回来）
var data = {
name: "小明",
age: "18",
foods: [
"蒸羊羔","蒸熊掌","再来一盆米饭"
]
}
- 生成代码片段并添加到标签div中
var html = baidu.template('header',data);
document.getElementById('div1').innerHTML = html;
baiduTemplate.js下载地址:
http://wangxiao.github.com/BaiduTemplate
里面有更详细的示例
网友评论