Javascript 跨网页的同一侧边栏

我对网络开发相当陌生。在网站的网页中保持相同的边栏和其他元素的最佳实践是什么？您是否存储侧边栏html并调用它？如果是这样的话，你会怎么做呢？

只要你只使用html编码，你就需要将html复制到每个页面中。您可以将侧边栏的css存储在同一个文件中，并在每个页面上调用它

---

其他脚本语言和框架可能包含模板（php）或母版页（asp.net），例如，这些模板或母版页可以在不同的页面中使用相同的代码。

只要您只使用html编码，您就需要将html复制到每个页面中。您可以将侧边栏的css存储在同一个文件中，并在每个页面上调用它

其他脚本语言和框架可能包含模板（php）或母版页（asp.net），例如，这些模板或母版页可以在不同的页面中使用相同的代码。

方法如下：使用“包含”文件。不需要JavaScript。服务器完成这项工作，而不是要求客户端添加内容

SSI，或服务器端包含，最初是为允许Web服务而开发的 开发人员在其他页面中“包含”HTML文档。如果你的网站 服务器支持SSI，为您的网站创建模板很容易

将站点常用元素的HTML另存为单独的文件。 例如，您的导航部分可能会另存为navigation.html 或navigation.ssi。 使用以下SSI标记在每个页面中包含该HTML

在要包含该文件的每个页面上使用相同的代码

该页还介绍了一些其他方法。但是，如果您知道这叫做使用包含文件，您可以更轻松地搜索它。例如，描述了include以及在必要时如何从JavaScript调用它们。

方法如下：使用“include”文件。不需要JavaScript。服务器完成这项工作，而不是要求客户端添加内容

SSI，或服务器端包含，最初是为允许Web服务而开发的 开发人员在其他页面中“包含”HTML文档。如果你的网站 服务器支持SSI，为您的网站创建模板很容易

将站点常用元素的HTML另存为单独的文件。 例如，您的导航部分可能会另存为navigation.html 或navigation.ssi。 使用以下SSI标记在每个页面中包含该HTML

在要包含该文件的每个页面上使用相同的代码

---

该页还介绍了一些其他方法。但是，如果您知道这叫做使用包含文件，您可以更轻松地搜索它。例如，介绍了include以及在必要时如何从JavaScript调用它们。

有很多方法可以解决这个问题，但我发现使用jQuery很容易。如果符合您的要求，请使用此选项

• 在HTML文件中添加jQuery CDN
• 将JS文件创建为

  sidebar.JS

• 复制侧边栏的所有HTML代码，并将其作为字符串变量存储在JS文件的函数中。作为

  函数loadNavbarDiv（）{
  字符串navbar_code_str='。。。
  $（'body'）.append（navbar\u code\u str）；
  }

• 然后在HTML文件中，要添加导航栏，请在

  
  $（文档）.ready（函数（）{
  loadNavDiv（）；
  });
  

这对我来说很好。

---

快乐编码

有很多方法可以解决这个问题，但我发现使用jQuery很简单。如果符合您的要求，请使用此选项

• 在HTML文件中添加jQuery CDN
• 将JS文件创建为

  sidebar.JS

• 复制侧边栏的所有HTML代码，并将其作为字符串变量存储在JS文件的函数中。作为

  函数loadNavbarDiv（）{
  字符串navbar_code_str='。。。
  $（'body'）.append（navbar\u code\u str）；
  }

• 然后在HTML文件中，要添加导航栏，请在

  
  $（文档）.ready（函数（）{
  loadNavDiv（）；
  });
  

这对我来说很好。

---

快乐编码

是的，有多个包含模板的javascript框架。首先…是的，它可以在JS中完成，并不意味着你需要否决我的答案，我只是给出了几个例子…放松，我不是说你做到了：）只是一个整体说明是的，有多个javascript框架合并了模板。首先…是的，它可以在JS中完成，并不意味着你需要否决我的答案，我只是举了几个例子…放松，我不是说你做到了：）只是一个整体说明你在寻找某种“框架”看这里你在寻找某种“框架”看这里

<!--#include virtual="path to file/include-file.html" -->