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练习之表单验证实现代码
Dec 14 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
JavaScript实现前端网页版倒计时
Mar 24 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中str_replace函数使用小结
2008/10/11 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
PHP代码优化的53个细节
2014/03/03 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
php使用wordwrap格式化文本段落的方法
2015/03/17 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
微信支付开发交易通知实例
2016/07/12 PHP
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
2016/07/01 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
python网络编程学习笔记(一)
2014/06/09 Python
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
低版本中Python除法运算小技巧
2015/04/05 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
利用Python实现最小二乘法与梯度下降算法
2021/02/21 Python
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
会计实习生工作总结的自我评价
2013/10/07 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers