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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
jQuery ajax BUG:object doesn't support this property or method
Jul 06 Javascript
无阻塞加载脚本分析[全]
Jan 20 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
JavaScript实现简单动态表格
Dec 02 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
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
解决vue init webpack 下载依赖卡住不动的问题
2020/11/09 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python实现telnet服务器的方法
2015/07/10 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
python脚本开机自启的实现方法
2019/06/28 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
2020/04/07 Python
python 错误处理 assert详解
2020/04/20 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
应聘护士自荐信
2013/10/21 职场文书
教室标语大全
2014/06/21 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
教师业务学习材料
2014/12/16 职场文书
亮剑观后感300字
2015/06/05 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书