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 相关文章推荐
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
Aug 17 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
详谈Node.js之操作文件系统
Aug 29 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 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邮件类
2007/01/03 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
php获取Google机器人访问足迹的方法
2015/04/15 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
利用json获取字符出现次数的代码
2012/03/22 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
Python中字典的基础知识归纳小结
2015/08/19 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
django模板语法学习之include示例详解
2017/12/17 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
使用matplotlib画散点图的方法
2018/05/25 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
Python使用folium excel绘制point
2019/01/03 Python
python基于SMTP协议发送邮件
2019/05/31 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
Python图像读写方法对比
2020/11/16 Python
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
完美主义个人的自我评价
2014/02/17 职场文书
分居协议书范本
2014/11/03 职场文书
草房子读书笔记
2015/06/29 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
详解Django的MVT设计模式
2021/04/29 Python
CSS的calc函数用法小结
2022/06/25 HTML / CSS