如何从JavaScript外包HTML标记？

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

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

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

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

$（“#内容”）。追加（“”）；

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

---

或者我应该使用类似于Bootstrap的框架来编码更大的项目，并将这些框架排除在HTML标记之外吗？

如果您确实想将应用程序逻辑与布局分离，那么应该使用模板框架。有很多框架可以完成这项工作，比如：

• 许多

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

---

为了为您的应用程序找到合适的模板引擎，您可能需要查看：在这里，您可以定义您要查找的引擎类型，网站会向您显示最合适的库。

如果您确实希望将应用程序逻辑与布局分离，则应使用模板框架。有很多框架可以完成这项工作，比如：

• 许多

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

---

为了为您的应用程序找到合适的模板引擎，您可能需要查看：在这里，您可以定义您要查找的引擎类型，网站会向您显示最合适的库。

您可以创建一个隐藏的模板对象，然后在javascript中创建

.clone（）

它。或者使用多个MVVM/template javascript框架之一

您可以创建一个隐藏的模板对象，然后在javascript中创建它。或者使用许多MVVM/template javascript框架中的一个，如果你想要一个模板框架，那将是一个不错的选择。AngularJS不仅仅是一个模板框架，它是一个带有模板的完整MVC框架。如果你只是寻找一个模板框架，那么AngularJS可能有点过头了。如果你想要一个模板框架，那将是一个不错的选择。AngularJS不仅仅是一个模板框架，它是一个带模板的完整MVC框架。如果您只是寻找一个模板框架，那么AngularJS可能有点过头了。