Javascript模板引擎

// Simple JavaScript Templating
// John Resig - http://ejohn.org/ - MIT Licensed
(function(){
  var cache = {};
 
  this.tmpl = function tmpl(str, data){
    // 判断出我们是否获取一个模板或是否我们要加载一个模板并确定要缓存结果
    //Figure out if we're getting a template, or if we need to load the template - and be sure to cache the result.
 
    var fn = !/W/.test(str) ?
      cache[str] = cache[str] ||
        tmpl(document.getElementById(str).innerHTML) :
 
      // 生成一个可作为模板的可重复使用的函数
      // 生成器 （将会被缓存）
      new Function("obj",
        "var p=[],print=function(){p.push.apply(p,arguments);};" +
 
        // 使用with(){} 作为局部变量引入数据
        "with(obj){p.push('" +
 
        // 将模板内容转化成JavaScript
        Convert the template into pure JavaScript
        str
          .replace(/[rtn]/g, " ")
          .split(")[^t]*)'/g, "$1r")
          .replace(/t=(.*?)%>/g, "',$1,'")
          .split("t").join("');")
          .split("%>").join("p.push('")
          .split("r").join("'")
      + "');}return p.join('');");
 
    // 提供一个基础的currying给用户
    return data ? fn( data ) : fn;
  };
})();

  <div id="" even" : "")%>">
    

      <img src=""/>
    

: