js简单实现模版功能

通常前后台进行数据交互时我们需要替换HTML的属性值;通过JS正则可以快速实现

var tpl = '<li><a href="{link}" class="{style}">{name}</li>'; // 模版

function renderer(obj) {
   return tpl.replace(/{(\w+)}/g, function ($0, $1) {
      return obj[$1];
   });
}
   
// demo
var obj = {link:'http://www.9696e.com/', name: 'Tony', style: 'blue'},
html = renderer(obj);

转载请注明来源:新一 » js简单实现模版功能

赞 (0) 评论 (0) 分享 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址