如何高效地维护导航栏？

-1

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

2016-01-20 sharon

你可能会喜欢https://wordpress.org/ –

你在找什么是“模板”。但这是一个非常基本的问题，我建议你先了解更多关于Web开发基础知识。 –

有很多方法可以实现这一目标，但这里是我现在可以想到的最简单的方法。

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

2016-01-20 07:50:05 geckob

-1

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

2016-01-20 07:48:40

回答