Chcę dodać to samo menu nawigacyjne na wielu stronach, jednak nie mam wsparcia PHP, ani nie mogę wpływać na mój serwer w żaden inny sposób.

Chcę uniknąć po prostu kopiowania i wklejania html na wszystkich stronach, ponieważ spowodowałoby to ból w menu.

Dwie opcje, o których myślę, są następujące:

1) Czy cała zawartość istnieje na jednej stronie, a następnie określ, która treść ma być wyświetlana na podstawie słowa kluczowego dołączonego do adresu URL:

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

2) Dołącz plik javascript, który ma funkcję, która wypisuje menu i wywołuje funkcję na każdej stronie

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

W przypadku opcji 1 proces aktualizacji polegałby na edycji jednego menu nawigacyjnego na jednej stronie

W przypadku opcji 2 aktualizacja oznaczałaby zmianę funkcji w pliku javascript

Moją troską z opcją 1 jest to, że strona musiałaby załadować dużo treści, których nie musiałaby wyświetlać. Moje obawy dotyczące opcji 2 mogą wydawać się trywialne, ale to, że kod może być bałagan.

Czy są jakieś powody, dla których byłoby to w jeden sposób lepsze od drugiego? A może brakuje trzeciej opcji wyższej?