javascript - 如何将一个文本文件中的代码注入(inject)到 HTML 页面中

Question

我正在开发一系列大型html页面，每个页面都使用通用结构:标题/内容/侧边栏。

标题和侧边栏部分具有所有页面通用的代码。仅内容发生变化。

在开发阶段，我希望能够对标题和侧边栏进行一次更改，并看到在所有页面上复制的结果，而无需单独编辑每个页面。

我已经做了一些谷歌搜索，最简单的解决方案似乎是创建 2 个单独的文本文件，其中包含标题和侧边栏部分的代码，然后将其注入(inject)到我正在处理的 HTML 页面中的适当位置。编辑。

我知道不建议在实际项目中这样做，因为它会大大增加加载时间，但对于开发工作来说，这会节省我很多时间。

你同意吗？如果是这样，有人知道最简单的方法是什么吗？

谢谢

Answer 1

您最好使用某种服务器端技术(例如 PHP)来完成此操作。这将使对加载时间的影响可以忽略不计，因为页面在发送到浏览器之前会被连接起来。

你可以通过这样做来完成它:

<?php require('header.php'); ?>

<!-- Main content goes here --> 

<?php require('sidebar.php'); ?>

然后将文件 header.php 和 sidebar.php 放在与主文件相同的目录中。