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 相关文章推荐
javascript 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
javascript实现留言板功能
Feb 08 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 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简单图像创建入门实例
2015/06/10 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
JavaScript 常用函数
2009/12/30 Javascript
JavaScript 代码压缩工具小结
2012/02/27 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
发布你的Python模块详解
2016/09/15 Python
Python开发的实用计算器完整实例
2017/05/10 Python
django_orm查询性能优化方法
2018/08/20 Python
python和c语言的主要区别总结
2019/07/07 Python
python如何删除文件中重复的字段
2019/07/16 Python
python 命令行传入参数实现解析
2019/08/30 Python
python实现吃苹果小游戏
2020/03/21 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
就业自荐信
2013/12/04 职场文书
安全生产承诺书
2014/03/26 职场文书
安全教育月活动总结
2014/05/05 职场文书
离职保密承诺书
2014/05/28 职场文书
供用电专业求职信
2014/07/07 职场文书
小学班级特色活动方案
2014/08/31 职场文书
大学生见习报告范文
2014/11/03 职场文书
2014年财务科工作总结
2014/11/11 职场文书
2014年组织部工作总结
2014/11/14 职场文书
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers