Ich möchte dasselbe Navigationsmenü auf mehreren Seiten anzeigen, habe jedoch keine PHP-Unterstützung und kann meinen Server auch nicht auf andere Weise beeinflussen.

Ich möchte vermeiden, einfach das HTML zu kopieren und auf alle Seiten einzufügen, da dies die Aktualisierung des Menüs zu einem Problem machen würde.

Die zwei Optionen, die ich mir vorstellen kann, sind wie folgt:

1) Ist der gesamte Inhalt auf einer Seite vorhanden, bestimmen Sie anhand eines an die URL angehängten Schlüsselworts, welcher Inhalt angezeigt werden soll:

example.com/index?home
example.com/index?news

2) Fügen Sie eine Javascript-Datei mit einer Funktion hinzu, die das Menü ausschreibt, und rufen Sie die Funktion auf jeder Seite auf

function setupMenu() {
    $("#nav").html("<ul class='nav'><li>home</li><li>news</li></ul>");
}

Bei Option 1 besteht der Aktualisierungsprozess darin, ein Navigationsmenü auf einer Seite zu bearbeiten

Bei Option 2 würde das Aktualisieren bedeuten, die Funktion in der Javascript-Datei zu ändern

Mein Anliegen bei Option 1 ist, dass die Seite viele Inhalte laden müsste, die nicht angezeigt werden müssten. Meine Sorge um Option 2 mag trivial erscheinen, aber es ist so, dass der Code unordentlich werden kann.

Gibt es Gründe dafür, dass ein Weg besser ist als der andere? Oder gibt es eine dritte übergeordnete Option, die mir fehlt?