Underscore.js 的範本功能介紹與應用程式_javascript技巧

Underscore是一個非常實用的JavaScript庫，提供許多編程時需要的功能的支持，他在不擴展任何JavaScript的原生對象的情況下提供很多實用的功能。
無論你寫一段小的js程式碼，或是寫一個大型的HTML5應用，underscore都能幫上忙。目前，underscore已經被廣泛使用，例如，backbone.js唯一強依賴的函式庫就是underscore.js。
今天主要討論Underscore 的前端模板功能。它的範本功能和前一篇介紹的javascript前端範本是一樣的。對資料的處理更加方便。寫了個小例，讓大家參考學習。

完整實例下載

複製程式碼

複製程式碼

程式碼

• 
  【】
  

<script> <BR>var datas = [ <BR>{ <BR>title: "一九四二", <BR>url: "http://www.jb51.net", <BR>film:"電影1" <BR>}, <BR>{ <BR>title: "少年派的漂流", <BR>url: "http://www.jb51.net", <BR>film:"電影2" <BR>}, <BR> { <BR>title: "教父", <BR>url: "http://www.jb51.net", <BR>film:"電影3" <BR>}, <BR>{ <BR>title: "蕭申克的救贖", <BR>url: "http://www.jb51.net", <BR>film:"電影4" <BR>}, <BR>{ <BR>title: "3d2012", <BR>url: "http://www.jb51.net", <BR>film:"電影5" <BR>} <BR>]; <BR>$("body").html( _.template ($("#t2").html(), datas)); <BR></script>