<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>title</title>
</head>
<body>
<h2>模板引擎的使用</h2>
</body>
</html>
<!-- 导入js -->
<script src="./template-web.js"></script>
<!-- 定义模板
type 不写 或者是 text/javascript 会被解析为 js
如果写成其他的内容 不会被当做js解析
-->
<script type="text/html" id="template">
<ul>
<li>名字{{name}}</li>
<li>技能{{skill}}</li>
<li>爱好{{habbit}}</li>
</ul>
</script>
<script>
var data = {
name: "彭林",
skill: "约跑",
habbit: "跑的一手好步"
}; // 填坑
// 参数1 模板的id
// 参数2 填充的数据
var result = template("template", data);
console.log(result);
document.body.innerHTML = result;
</script>
<!--
1.定义模板
挖坑 -起名字
2.填坑
把对象和模板结合 填坑
3.使用
-->
相关推荐
python开发_常用的python模块及安装方法
adodb：我们领导推荐的数据库连接组件bsddb3：BerkeleyDB的连接组件Cheetah-1.0：我比较喜欢这个版本的cheeta…
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接：http://www.codeforces.com/contest/660/problem/CDes…
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式，并且由于涉及到要把拍到的照片显…
