handlebarjs.com
一个小例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="handlebars-v3.0.3.js"></script>
<script src="jquery-2.1.4.js"></script>
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
</script>
</head>
<body>
<script>
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!<hr>"};
var html = template(context);
$("body").append(html);
</script>
</body>
</html>
默认的用两个{{号会自动转义（escape）HTML字符，也是就编码HTML字符，也就是最终将原样显示。
用{{{三个括号则会解释执行其中的HTML标签。
时间： 2024-10-13 23:27:57