2

我对网络开发很陌生。在一个网站的网页上保持相同的侧边栏和其他元素的最佳做法是什么？您是否存储侧边栏 html 并调用它？如果是这样，人们将如何去做这样的事情？

4

3 回答 3

1

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

  • 在您的 HTML 文件中添加 jQuery CDN。
  • 创建一个 JS 文件为sidebar.js.

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

    function loadNavbarDiv() { String navbar_code_str = '<nav><div>...</div></nav> $('body').append(navbar_code_str); }

  • 然后在 HTML 文件中，您要添加导航栏，在您的<head>

    <script src="sidebar.js"></script> <script> $(document).ready(function(){ loadNavDiv(); }); </script>

它对我来说很好。快乐编码！

于 2018-07-16T11:07:22.913 回答
0

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

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

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

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

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

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

于 2013-05-14T12:31:44.810 回答
-2

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

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

于 2013-05-14T12:26:14.807 回答