javascript利用初始化数据装配模版的实现代码
更新时间：2010年11月17日 20:28:03 作者：
实现一个通用方法，使用初始化数据来装配模版。需要的朋友可以参考下。
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;
}
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;
}
相关文章
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。这篇文章主要介绍了使用Bootstrap做一个朝代历史表,需要的朋友可以参考下2019-12-12
本篇文章只要是对javascript实现数字+字母验证码的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
本文主要介绍了js转换对象为xml的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JS实现超简单的鼠标拖动效果,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了原生JS实现的轮播效果，通过改变图片的透明度来实现轮播的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了electron 安装，调试，打包的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
一般服务器获取到日期都是中国标准时间，需要对其进行格式化,这篇文章主要介绍了微信小程序服务器日期格式化问题，需要的朋友可以参考下2020-01-01
本文章通过几个简单的实例告诉你如何来实例关于隐藏与显示div层及关闭层与隐藏的区别分析哦，有需要的同学可以参考一下本文章。2015-08-08
这篇文章主要为大家详细介绍了微信小程序实现图片上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
极品源码：自动完成 仿163篇...2007-07-07
最新评论