arttemplate.js原生写法案例
2024-08-31 07:49:32
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="box"></div>
<script type="text/template" id="xjj">
<ul>
<% for(var i = 0 ; i < list.length ; i ++){%> <li>我的名字是:<b><%=list[i].name%></b>我的年龄是:<b><%=list[i].age%></b>。</li> <%};%>
</ul>
</script>
<script src="js/template-native.js"></script>
<script>
/*准备数据*/
var data = {
list:[
{name:'xjj1',age:10},
{name:'xjj2',age:12},
{name:'xjj3',age:16},
{name:'xjj4',age:40}
]
}
/*解析数据成html {model:''}*/
var html = template('xjj',data); document.querySelector('.box').innerHTML = html; </script>
</body>
</html>
最新文章
- 微信小程序之明源商城系列-01-商城介绍及开发准备
- CSS之A标签
- 使用Github Pages创建自己的网站
- ACM 寻找最大数
- [原]Golang FileServer
- Spring @ResponseBody只能返回String类型数据解决办法
- java整数类型
- bzoj2668
- cookie 和 HttpSession
- openstack私有云布署实践【16.3 Windows Server2008 R2 只有C盘分区镜像制作】
- OSI七层模型详解
- C++中类的大小计算方法总结《网络+总结》
- Cordova框架基本原理
- MicroPython-TPYBoard固件编译教程
- git远程提交失败
- 关掉那些windows上因权限无法关闭的服务
- react 点击空白处隐藏弹出层
- C语言基础第四次作业
- H2:开源内存数据库引擎
- [python]去掉 unicode 字符串前面的 u(转)