javascript利用初始化数据装配模版的实现代码
时间：2021-04-05 10:08:49|栏目：JavaScript代码|点击： 次
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;
}
栏 目：JavaScript代码
下一篇：浅谈键盘上回车按钮的js触发事件
本文标题：javascript利用初始化数据装配模版的实现代码
本文地址：http://www.codeinn.net/misctech/94727.html
