跨多个 html 页面重复 header 或其他元素 - php 或 js？

Question

我有一个由多个 html 页面组成的网站，所有页面都共享相同的 header。 我想避免在每个 html 页面中重复 header 代码，并避免在每个页面上重新加载 header。

我找到了两种方法来解决这个问题，两者都有效：

服务器端使用 Php 像这样： https://stackoverflow.com/a/3809687

或客户端，使用 js，特别是 jquery 像这样： https://stackoverflow.com/a/18712605

我是 web 开发的新手，想知道哪个是更好的做法。 想法？

Answer 1

如果您不使用任何框架，我认为 PHP 解决方案更简单，并且性能更好。 如果您没有在其他地方使用 jQuery ，那么仅为此一件事使用 jQuery 会降低您的页面速度。

Answer 2

这取决于，您可以做所有前端（js）或后端（php）的事情。 前端将在运行时编译，因此您可以只刷新需要刷新的内容。 当您在后端执行此操作时，无论您重用页面的哪些部分，都将构建整个页面并将其发送给客户端。 对于小型 chenges，您可以调用 ajax 来填充某些数据。

Answer 3

我会说第二种方法是首选，因为并非所有网站都需要后端，而每个网站都有前端（至少一般来说）。 您可以根据您使用的框架以不同的方式使用 JS 实现 header。