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 相关文章推荐
两个SUBMIT按钮,如何区分处理
Aug 22 Javascript
JavaScript CSS菜单功能 改进版
Dec 20 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
Sep 07 Javascript
vue教程之toast弹框全局调用示例详解
Aug 24 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
使用express来代理服务的方法
Jun 21 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
利用 JavaScript 构建命令行应用
Nov 17 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
建立动态的WML站点(二)
2006/10/09 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
学习python处理python编码问题
2011/03/13 Python
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
思想汇报范文
2013/11/04 职场文书
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
大国崛起观后感
2015/06/02 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python
nginx常用配置conf的示例代码详解
2022/03/21 Servers