doT.js初窥
2015-09-30 16:04
597 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js"></script> <script type="text/javascript" src="js/doT.js" ></script> </head> <body> <div id="myInfo"></div> <!-- 模板 --> <script id="myInfoTmpl" type="text/x-dot-template"> <div>Hi {{=it.name}}</div> <div>{{=it.age}}</div> </script> <script> var userData = {"name": 'zhangsan', "age": 12}; var interText = doT.template($('#myInfoTmpl').text()); $('#myInfo').html(interText(userData)); </script> </body> </html>
github地址:https://github.com/olado/doT
相关文章推荐
- JavaScript(二)
- 一次奇怪的问题定位过程
- 简单的js正则表达式知识点笔记
- js获得表格多行数据(多选框)
- 使用FusionCharts完成统计图表
- JSONP跨域的原理解析( 一种脚本注入行为)
- JSON格式化、高亮库JSONFORMATER
- javascript调试工具
- JsPlump连线
- 10月9日 Meteor Global Hackathon.
- 两个集合直接的操作 如何jsp页面迭代遍历,js如何写函数
- JS正则表达式大全
- json对象与字符串转换
- 【转载】json 数据 添加 删除 排序
- js对日期进行升序排序
- Javascript生成二维码(QR)
- jsonArray转换成list
- js测试用
- 演出排期JavaScript
- 四、企业号获取 jssdk