如何从JavaScript外包HTML标记？

Question

我想知道如何将JavaScript和HTML分开。当然，我将JS包括在内：

<script src="function.js"></script>

但是，当我用JS动态地向网站添加HTML标记时，比如：

 $( "#content" ).append("<h2>");

然后，在JavaScript代码中有HTML标记。我可以把这个模块化，或者有什么“好的实践”来做吗？

或者我应该使用像引导这样的框架来编码更大的项目，并排除那些框架-- HTML？

Answer 1

如果您确实希望将应用程序逻辑与布局分开，则应该使用模板框架。有很多框架都在做这样的工作：

• 下划线
• 八字胡
• 车把
• 和许多更多

实际上，您所做的是向模板引擎提供数据对象。根据您在模板中定义的逻辑，您可以呈现页面，而不需要混淆应用程序逻辑和布局。

为了为您的应用程序找到合适的模板引擎，您可能需要查看：http://garann.github.io/template-chooser/，您可以在这里定义您要查找的引擎类型，并且该网站向您显示最合适的库。

Answer 2

您可以创建一个隐藏的模板对象，然后在javascript中.clone()它。或者使用多种MVVM / template javascript框架之一