管理离线Web应用程序的html部分

Question

我正在开发一个离线html5应用程序，它通过在javascript函数中构建html字符串来执行大量DOM操作。 e.g。

var html='';
html+='<div class="main">';
html+= '<img src="Content/images/literature.png" />';
html+='</div>';
 ... etc.
$('#main-onoffline-container').html(html);

有没有人对如何更好地管理html代码段有任何建议，以便他们可以更好地处理可以轻松带入页面上特定div的资源？

Answer 1

您可以使用下划线或jQuery模板。看看以下链接，这些可能会对您有所帮助。

http://scriptble.com/2011/01/underscore-js-templates/

http://api.jquery.com/jQuery.template/