JavaScript页面模板库handlebars的简单用法_javascript技巧



Handlebars 是一个 JavaScript 页面模板库，帮助你轻松的构建语义化模板。

代码如下:

{{title}}

{{body}}




//$('#tt').before('');
//$('#tt').after("");//
var source = $("#tt").html();
//alert(source);
var template = Handlebars.compile(source);
var data = {title: "My New Post" , body: "This is my first post!"
};
var result = template(data);//将数据 填充到模板
console.log(result);
$('#tt').before(result);

示例很简单，具体详情可参考ThinkVitamin的文章 Getting Started with Handlebars.js，希望大家能够喜欢。