如何有效维护导航栏？

Question

我想知道如何有效地维护导航栏。根据我现在的理解，我们只在每个网页上包含栏的html代码。但是，如果我有很多网页，我需要复制并重写每个页面的html代码。如果我想添加或删除链接，我需要更改和更新所有页面。有没有更有效的方法来做到这一点？

Answer 1

我们可以通过很多方式实现这一目标，但这是我现在能想到的最简单的方法。

<强> 1。使用PHP include_once函数

你可以使用php。只需将导航存储在名为header.php的文件中，然后将include_once('header.php');存储在您的页面中。确保您的网页有.php个扩展名，而不是.html

<强> 2。使用jQuery

如果您想使用当前语言（HTML，CSS，Javascript），您还可以使用JQuery load函数。

$("#header").load('header.html');

最好在DOM准备好之后运行它：

$(document).ready(function() {
   $("#header").load('header.html');
}

在代码中的某处，您应该<div id="header">让脚本在nav中注入header.html

Answer 2

他们所做的是除了导航栏之外，还加载从服务器调用的页面。就像你可以在SKNode中调用页面一样，或者你可以运行一个可以渲染导航栏旁边元素的脚本。这就是他们如何维护导航栏