Wie ändere ich die URL in der Adressleiste des Browsers, ohne die Seite neu zu laden?
Hallo zusammen! Ich bin ein Anfänger-Frontend-Entwickler und bin auf folgendes Problem gestoßen.
Ich habe eine Single-Page-Anwendung (SPA) in reinem JavaScript. Der Benutzer klickt auf Links, und der Inhalt auf der Seite ändert sich dynamisch (über fetch oder einfaches Ausblenden/Anzeigen von Blöcken). Alles funktioniert einwandfrei, aber es gibt ein großes Problem: Die Adresse in der Browserleiste bleibt gleich.
Zum Beispiel: Der Benutzer klickt auf "Über uns", der Inhalt wird geladen, aber die URL ist immer noch `https://mysite.com/`. Dadurch:
1. Funktioniert der "Zurück"-Button im Browser nicht – er geht einfach zur vorherigen Website, nicht zur vorherigen "Seite" innerhalb meiner Anwendung.
2. Kann man einem Freund keinen Link zu einem bestimmten Abschnitt schicken – er sieht immer die Startseite.
Ich habe versucht, `window.location.href` zu ändern, aber das führt zu einem vollständigen Neuladen der Seite mit allen Styles und Scripts.
Hier ist ein Beispiel meines Codes:
```javascript
// Schlechter Weg – lädt die Seite neu
function goToAbout() {
window.location.href = '/about';
}
// Guter