有没有办法使html模块化

Question

我想将html分成几个部分，比如模块。例如：

• domHeader.html
• bodyheader.html
• content.html
• footer.html

所有页面必须具有相同的domHeader，bodyHeader和页脚以及不同的内容。我只需要在所有页面中引用它们。如果我想要更改页脚，我不需要更改所有页面页脚。我只需要更改footer.html

我知道用java和其他语言可以做。我只是一个主要的Web开发人员，只知道html css js，没有个人网站。

我看了几个js模板，但没有找到这个功能。有一个简单的方法吗？ node.js ??

Answer 1

最简单和“正确”的方式是服务器端代码（无论语言），但如果您只能使用浏览器，则可以使用JavaScript。创建一个基本HTML文件并执行Ajax请求以填充一些占位符（使用HTML片段，存储在单独的文件中）。当与页面交互（单击链接等）而不是导航离开页面时，只需执行更多Ajax请求并替换这些占位符（您将以这种方式最终获得单页网站）。

另一个选择是让许多页面使用相同的脚本，并且所有这些页面都会使用Ajax请求在加载时“组装”它们的内容，就像这样。

如果您感兴趣，我可以给您一些示例，但我应该指出，如果JavaScript被淘汰，这将使您的网站无法使用。更糟糕的是，它不会被搜索引擎正确解析（即你的网站排名很差，人们将无法通过谷歌搜索轻松找到它）。出于这些原因，我强烈建议学习一些服务器端编程（是否使用Node.js或其他由你决定）。