Javascript 如何仅更改网页的一部分/在整个网站中保持相同的模板？

我为一个网站制作了一个主页/模板。但是，要添加更多页面，我必须复制此模板，并添加每个页面的内容。显然，这意味着如果我对模板做一点小小的更改，就要更改每个页面

我如何拥有一个主索引页，然后每隔一页就更改内容

---

您在问题中没有提到任何类型的库，因此我向您推荐一个JavaScript库：React.JS

使用React.JS，您可以利用路由系统，为每个路由返回模板。但是，您可以更改每条路线上的道具，以便更改要更改的内容。下面是一个示例，在非功能代码中，您可以在React.JS中执行以下操作：

<Route path='/hi'>
    <Template content={'Hello!'} />
</Route>
<Route path='/bye'>
    <Template content={'Goodbye!'} />
</Route>
<Route path='/'>
    <Template />
</Route>

要了解有关React的更多信息，请参阅以下官方文档：

---

我真的建议您在这种情况下使用React，我认为这将使开发更加容易。如果您已经在使用某个库，请给我一个注释，我将尝试为您提供该特定库的帮助。

您可以使用

JavaScript

来完成此操作。只需选择需要改进的标签，并通过如下操作更改其内容

document.queryselector('.classname' or '#idname').innerHTML="your new content";

如果要更改图像，请尝试执行以下操作

document.queryselector('.classname' or '#idname').src="url of your image";

---

谢谢你的回复。我目前的网站是用Bootstrap/html/css创建的。好吧！您当前是否计划通过Apache或NGINX拥有多个HTML文件并为所有这些文件提供不同的服务器端路由？我不知道，web开发并不是我的专长。我想我可能会用烧瓶或果朗，除非有更快的方法。我所需要的只是一个具有一致页眉和页脚的模板，并且能够在添加新页面时轻松更改内容。这必须使用JavaScript库或后端库来完成，就像您提到的Flask或Go库一样。我个人推荐Express.JS作为后端，因为它非常简单，只需要几行代码。无论如何，只要让后端库为不同的路由更改HTML文件的内容即可。好的，就可以了。非常感谢！类似的东西？