我想知道如何分离JavaScript和HTML。当然，我包括JS：
<script src="function.js"></script>
但是当我使用JS将动态HTML标签添加到网站时：
$( "#content" ).append("<h2>");
然后JavaScript代码中有HTML标签。我可以制作这种模块化还是有任何“良好实践”来做到这一点？
或者我应该使用像 Bootstrap 这样的框架来编写更大的项目并将这些框架排除在HTML标签之外？
答案 0 :(得分：1)
如果您真的想要将应用程序逻辑与布局分开，则应使用模板框架。有很多框架可以完成这样的工作：
您基本上做的是向模板引擎提供数据对象。根据您在模板中定义的逻辑，您可以渲染页面，而不需要混淆应用程序逻辑和布局。
为了找到适合您应用的模板引擎，您可能需要查看：http://garann.github.io/template-chooser/您可以在此定义您要查找的引擎类型，并且网站会向您显示最合适的库。
答案 1 :(得分：0)
你可以创建一个隐藏的模板对象，然后在javascript中.clone()。或者使用许多MVVM /模板javascript框架之一