5

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

  • domHeader.html
  • bodyheader.html
  • 内容.html
  • 页脚.html

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

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

我查看了一些 js 模板，但没有找到此功能。有简单的方法吗？节点.js ??

4

1 回答 1

3

最简单和“正确”的方法是使用服务器端代码（无论语言如何），但如果您受限于浏览器，您可以使用 JavaScript 来完成。创建一个基本的 HTML 文件并执行 Ajax 请求以填充一些占位符（带有 HTML 片段，存储在单独的文件中）。当与页面交互（单击链接等）而不是离开页面时，只需执行更多 Ajax 请求并替换那些占位符（这样您最终会得到一个单页站点）。

另一种选择是让许多页面使用相同的脚本，并且所有页面都将使用 Ajax 请求以相同的方式在加载时“组装”它们的内容。

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

于 2012-12-24T06:03:56.797 回答