本文共 9496 字,大约阅读时间需要 31 分钟。
作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。
官方地址: https://aui.github.io/art-template/zh-cn/index.html
<script src="./js/template-web.js"></script>
<script id="tpl" type="text/html"> <div class="box"></div> </script>
var html = template('tpl', { username: 'zhangsan', age: '20'});
document.getElementById('container').innerHTML = html;
<script id="tpl" type="text/html"> <div class="box"> { { username }} </div> </script>
也可以实现循环。
例子:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 1. 将模板引擎的库文件引入到当前页面 --> <script src="/js/template-web.js"></script></head><body&g