javascript利用初始化数据装配模版的实现代码


Posted in Javascript onNovember 17, 2010

var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}];
var template ='<div id="p$id"><span class="name">$name</span><span class="age">$age</span></div>';

实现一个通用方法,使用初始化数据来装配模版。

function displayTemplate(list,template){ 
var result=""; 
for(var i=0,l=list.length;i<l;i++){ 
var temp=template; 
for(var k in list[i]) 
{ 
var reg=new RegExp("\\$"+k,"g"); 
temp=temp.replace(reg,function(w){ 
return list[i][k]; 
}) 
} 
result+=temp; 
} 
return result; 
}
Javascript 相关文章推荐
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
jquery实现表单验证并阻止非法提交
Jul 09 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
May 11 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
JS绘制微信小程序画布时钟
Dec 24 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
layui扩展上传组件模拟进度条的方法
Sep 23 Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 #Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 #Javascript
Json对象替换字符串占位符实现代码
Nov 17 #Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 #Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 #Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 #Javascript
jquery下异步提交表单 异步跨域提交表单
Nov 17 #Javascript
You might like
再说下636单管机
2021/03/02 无线电
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
关于php循环跳出的问题
2013/07/01 PHP
PHP 错误处理机制
2015/07/06 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
JavaScript字符串对象
2017/01/14 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
python将文本分每两行一组并保存到文件
2018/03/19 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
python实现Windows电脑定时关机
2018/06/20 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
python执行精确的小数计算方法
2019/01/21 Python
Python 文件数据读写的具体实现
2020/01/24 Python
Python守护进程实现过程详解
2020/02/10 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
python 实现IP子网计算
2021/02/18 Python
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
解除财产保全担保书
2014/05/20 职场文书
教师节宣传方案
2014/05/23 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
离婚协议书范本样本
2014/08/19 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
入队仪式主持词
2015/07/04 职场文书
2016党员党课心得体会
2016/01/07 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python