如何在JavaScript字符串中使用JavaScript模板而不是原始HTML？

Question

我正在創建一個Web應用程序，需要我多次在頁面上呈現新元素。通過將HTML添加到Javascript字符串中來添加HTML是非常困難的。主要是因爲很難編輯它，尤其是當它跨越多種方式時。什麼是最好的解決方案？什麼是組織這些東西的最佳方式，因爲我覺得我將擁有一個充滿JS「子元素」的巨大頁面。

Answer 1

有大量的JavaScript模板引擎可用。一些比較流行的有：

• Mustache
• Handlebars
• Underscore
• jQuery.template

大部分通過編譯模板文成能與對象調用的函數工作包含要插補的數據。

例如（使用underscore.js）：

var myTemplate = _.template("Hello <%= person %>"); 
alert(myTemplate({person : "egidra"})); 

Answer 2

這是關於linked.in和模板的link。

我會使用js模板引擎。所以不需要在js中使用html字符串。看看這些模板的文檔。他們都很好地解釋了這種用法。

Answer 3

你可以嘗試像http://handlebarsjs.com/或http://mustache.github.com/。