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图片滚动与幻灯片的实例代码
Apr 08 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
深入理解JavaScript的React框架的原理
Jul 02 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
vue.js实例todoList项目
Jul 07 Javascript
详解JavaScript中的函数、对象
Apr 01 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 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获取地址栏信息的代码
2008/10/08 PHP
php cookie的操作实现代码(登录)
2010/12/29 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
2014/03/19 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
jQuery+ajax实现无刷新级联菜单示例
2015/05/21 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
2015/12/17 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
windows下ipython的安装与使用详解
2016/10/20 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
Python中字符串与编码示例代码
2019/05/20 Python
wxPython实现列表增删改查功能
2019/11/19 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
python中如何写类
2020/06/29 Python
Python生成器generator原理及用法解析
2020/07/20 Python
Python爬虫过程解析之多线程获取小米应用商店数据
2020/11/14 Python
python 装饰器重要在哪
2021/02/14 Python
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
网络工程师自荐书范文
2014/04/01 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
2015年施工员工作总结范文
2015/04/20 职场文书
文艺委员竞选稿
2015/11/19 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
Python实现拼音转换
2021/06/07 Python