如何高效地維護導航欄？

-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

回答