在单页应用程序中合并 HTML 文件

Question

我正在开发纯 JS + HTML 应用程序。为了保持代码干净，我想将我的应用程序分成几个 html 文件（即 ClientView.html、HistoryView.html 等）。根据用户操作，将显示一个或另一个视图（或多个视图）。每个视图都应该有一个单独的 JS 文件中的底层代码。
我真正想要实现的是：

• 将视图开发为 HTML 页面（不要使用任何类型的 javascript 模板）
• 动态加载视图和视图模型（仅在需要时加载）
• 一些控制依赖关系的方法。

如果您建议我有一个好的开始，我将非常感激，因为我对现代 html 应用程序开发还很陌生。我自己来自 WPF 世界，并且我一直在使用 MVVM 应用程序很长一段时间，可能我试图将相同的经验带入 javascript 开发是错误的。
我发现了几篇关于“编译” html 的帖子 - (HTML "compiler" / merging application)，但我认为这不是我需要的。

p.s.在我的项目中，我非常依赖 Twitter Bootsrap 的几个功能（首先来自网格系统）

Answer 1

使用包含一些 div 的母版页来进行布局。使用JQuery动态加载各种页面，并根据需要插入到母版页中的div中。