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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
解决ionic和angular上拉加载的问题
Aug 03 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 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
类的另类用法--数据的封装
2006/10/09 PHP
php 无限分类的树类代码
2009/12/03 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
php 静态变量与自定义常量的使用方法
2010/01/26 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
php数组查找函数总结
2014/11/18 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
php修改数组键名的方法示例
2017/04/15 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
2016/03/13 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
Python学习资料
2007/02/08 Python
python BeautifulSoup使用方法详解
2013/11/21 Python
基于python调用psutil模块过程解析
2019/12/20 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
优秀中职教师事迹材料
2014/08/26 职场文书
逃课检讨书范文
2015/05/06 职场文书
与死神共舞观后感
2015/06/15 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python