如何在多个网站上使用相同的HTML块？

我刚刚编写了我的第一个网站，它有很多子网站。每个网站在某些时候都需要相同的代码块。此代码块仅包含HTML代码。是否可以使用此代码块生成数据并将其导入每个网站？我的目标是：如果我必须更新代码块，我只想更新一次

代码块是一个边栏，如下所示：

名字

可能很有用。这篇帖子也询问了类似的事情

框架（如Vue、React、Angular…）也可用于此类目的。

可能有用。这篇帖子也询问了类似的事情

---

框架（如Vue、React、Angular…）也用于此目的。

您的文件有哪些扩展名？Php还是html？ 因为如果是php，您可以创建一个新文件（例如：nav.php），然后在每个子网站中执行以下操作： 需要路径\到\您的\ nav.php

---

如果是html，我不知道还没有解决方案

您的文件有哪些扩展名？Php还是html？ 因为如果是php，您可以创建一个新文件（例如：nav.php），然后在每个子网站中执行以下操作： 需要路径\到\您的\ nav.php

---

如果是html，我不知道还没有解决方案

您可以制作一个简单的JS函数来设置现有html元素的innerHTML。并将函数放入外部JS文件中

下面的例子

试验
函数createElement（）{
//获取父容器
const parent=document.getElementById（'sidebar'）；
//设置内部html
parent.innerHTML=
`



您可以创建一个简单的JS函数，用于设置现有HTML元素的innerHTML，并将该函数放入外部JS文件中

下面的例子



试验
函数createElement（）{
//获取父容器
const parent=document.getElementById（'sidebar'）；
//设置内部html
parent.innerHTML=
`



有1000种方法可以做到这一点。使用php、java或任何您希望在另一个服务器中包含文件的服务器语言。您刚刚描述了React.js背后的整个想法。对于刚开始学习的人来说，这可能会让人望而生畏，但值得一试。Link-->有1000种方法可以做到这一点。使用php、java或任何您希望包含文件的服务器语言les在另一篇文章中。你刚刚从字面上描述了React.js背后的整个想法。对于刚刚起步但值得研究的人来说，这可能会让人望而生畏。Link-->，所以我尝试了$（“#sidebar”）.load（“sidebar.html”）；使用上面sidebar.html中显示的代码。但它不起作用。首先，尝试将其反转（
$（“#sidebar”）.load（“sidebar.html”））；
）并检查jquery是否正确加载。我将其反转->什么都没有发生。我在加载jquery之前的代码末尾加载jquery-在
中，我尝试了，什么都没有发生。我在头部和身体的开头加载了它。：cSo我尝试了$（“#sidebar”）.Load（“sidebar.html”）；使用上面在sidebar.html中显示的代码。但它不起作用。首先，尝试将其反转（
$（“#sidebar”）。加载（“sidebar.html”）；
）并检查jquery是否正确加载。我将其反转->什么也没有发生。我在加载jquery之前的代码末尾加载jquery-在
中，我尝试了，但没有发生任何事情。我在头和身体的开头加载了它。：cHow我可以将其解压缩到我的外部文件吗？我如何将其解压缩到我的外部文件？