下载模板引擎
下载地址: https://aui.github.io/art-template/zh-cn/docs/installation.html
使用模板引擎
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>模板引擎</h2>
</body>
<script src="js/template-web.js" type="text/javascript" charset="utf-8"></script>
<!--定义模板
type 不写 或者是 text/javascript 会被解析为JS
如果写成其他的内容 不会被当作JS解析
{{XXX}} 模板填充内容
-->
<script type="text/html" id="temp">
<ul>
<li>名字{{name}}</li>
<li>技能{{skill}}</li>
<li>爱好{{habbit}}</li>
</ul>
</script>
<script type="text/javascript">
var data = {
name:"崔胜澈",
skill:"长得帅",
habbit:"吃肋排"
};
//参数1 模板的ID
//参数2 填充的数据
var result = template('temp',data);
console.log(result);
</script>
</html>
输出结果
注意
//填充数据使用template()函数
//参数1 模板的ID
//参数2 填充的数据
template(参数1,参数2);