javascript - 如何从 JavaScript 外包 HTML 标签？

Question

我想知道如何分离 JavaScript 和 HTML。当然，我包括 JS:

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

但是当我使用 JS 动态添加 HTML 标签到网站时:

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

然后 JavaScript 代码中有 HTML 标签。我可以将其模块化吗？或者是否有任何“良好实践”可以做到这一点？

或者我应该使用像 Bootstrap 这样的框架来编码更大的项目并排除这些框架的 HTML 标签？

Answer 1

如果您确实想将应用程序逻辑与布局分开，则应该使用模板框架。有很多框架可以完成这样的工作:

• Underscore
• Mustache
• Handlebars
• 还有很多more

您本质上所做的就是向模板引擎提供数据对象。根据您在模板中定义的逻辑，您可以呈现页面，而无需困惑应用程序逻辑和布局。

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