핸들 바는 시맨틱 템플릿을 쉽게 빌드하는 데 도움이되는 JavaScript 페이지 템플릿 라이브러리입니다.
코드 사본은 다음과 같습니다.
<! doctype html public "-// w3c // dtd html 4.01 Transitional // en">
<html>
<헤드>
<title> 핸들 바 </title>
<meta http-equiv = "keywords"content = "keyword1, keyword2, keyword3">
<meta http-equiv = "description"content = "이것은 내 페이지입니다">
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<script src = "$ {base} /js/jquery1.11.min.js"> </script>
<script src = "$ {base} /js/handlebars-v3.0.0.js"> </script>
</head>
<body>
<div id = tt style = 'display : none'>
<div>
<h1> {{title}} </h1>
<div> {{body}} </div>
</div>
</div>
</body>
<script type = "text/javaScript">
//$('#tt').before('<script id = "temp"type = "sfd"> ');
//$('#tt').after("</ script> "); //
var source = $ ( "#tt"). html ();
// 경고 (소스);
var template = handlebars.compile (소스);
var data = {제목 : "나의 새 게시물", Body : "이것은 나의 첫 번째 게시물입니다!"
};
var result = template (data); // 데이터를 템플릿으로 채 웁니다
Console.log (결과);
$ ( '#tt'). 이전 (결과);
</스크립트>
</html>
예제는 매우 간단합니다. 자세한 내용은 ThinkVitamin의 기사가 Handlebars.js로 시작하는 것을 참조하십시오. 나는 당신이 그것을 좋아하기를 바랍니다.