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连接access数据库的方法
Nov 17 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
Jan 04 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
Angular2 http jsonp的实例详解
Aug 31 Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
深入理解javascript变量声明
2014/11/20 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
js选择器全面解析
2016/06/27 Javascript
JavaScript中点击事件的写法
2016/06/28 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
详解django自定义中间件处理
2018/11/21 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
请解释在new与override的区别
2012/10/29 面试题
什么是SCM(软件配置管理)
2014/08/16 面试题
造型师求职自荐信
2013/09/27 职场文书
项目投资意向书
2014/04/01 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书