DE
RU
EN
ES
ZH
FR
PT
AR
HI
So erstellen Sie eine Weiterleitung in JavaScript: Vom Anfänger zum Profi im Jahr 2025
\n\nHaben Sie jemals eine Website besucht, die Sie nach einer Sekunde automatisch auf eine andere Seite „weitergeleitet“ hat? Oder haben Sie vielleicht auf einen Button geklickt und landeten in einem völlig neuen Bereich, ohne dass die Seite neu geladen wurde? All das ist die Magie von JavaScript-Weiterleitungen. Die Frage „How do I redirect to another webpage?“ gehört seit Jahren zu den beliebtesten auf Stack Overflow, und das ist kein Zufall: Eine Weiterleitung ist eine grundlegende, aber unglaublich wichtige Operation in der Webentwicklung.
\n\nIn diesem Artikel zeigen wir nicht nur, wie man window.location.href = '...' schreibt. Wir analysieren, welche Methode man im Jahr 2025 wählen sollte, warum einige Wege besser sind als andere und wie man Fallstricke vermeidet, die die Benutzererfahrung oder das SEO Ihrer Website beeinträchtigen. Schnallen Sie sich an, es wird interessant!
Warum ist eine Weiterleitung nicht einfach ein „Link-Klick“?
\n\nAuf den ersten Blick scheint die Aufgabe trivial: „Zu einer anderen URL wechseln“. Aber der Teufel steckt, wie immer, im Detail. Eine Weiterleitung kann sein:
\n\n- \n
- Sofortig — der Benutzer bemerkt es gar nicht. \n
- Mit Verzögerung — um eine Nachricht wie „Sie werden in 5 Sekunden weitergeleitet“ anzuzeigen. \n
- Nahtlos — innerhalb einer Single Page Application (SPA), bei der die Seite nicht neu geladen wird. \n
- Bedingt — nur für autorisierte Benutzer oder von bestimmten Geräten aus. \n
Und für jedes Szenario gibt es das richtige Werkzeug. window.location.href für alle Fälle zu verwenden, ist, als würde man mit einem Mikroskop Nägel einschlagen. Es funktioniert, aber warum?
Die Top-5 Methoden für JavaScript-Weiterleitungen im Jahr 2025
\n\nLassen Sie uns jede Methode mit Beispielen und Erklärungen durchgehen, wann sie angewendet werden sollte.
\n\n1. Der Klassiker: window.location.href
\n\nDies ist die bekannteste und einfachste Methode. Sie weisen einfach der Eigenschaft href des Objekts window.location eine neue URL zu.
// Einfache Weiterleitung\nwindow.location.href = 'https://pythonlib.ru/new-page';\n\n// Weiterleitung mit Verlaufsspeicherung (Benutzer kann "Zurück" drücken)\nwindow.location.href = '/about';Vorteile: Einfachheit, Intuitivität, der Browserverlauf bleibt erhalten.
\nNachteile: Vollständiges Neuladen der Seite. Wenn Sie die URL ohne Neuladen „ersetzen“ müssen (wie in einer SPA), ist diese Methode nicht geeignet.
\n\nWann verwenden: Wenn Sie tatsächlich zu einer anderen Seite wechseln müssen und die alte Seite nicht mehr benötigt wird. Zum Beispiel nach erfolgreichem Absenden eines Formulars.
\n\n2. Weiterleitung ohne Verlauf: window.location.replace()
\n\nDiese Methode macht dasselbe wie href, jedoch mit einem wichtigen Unterschied: Sie ersetzt den aktuellen Eintrag im Browserverlauf. Der Benutzer kann nicht mit der „Zurück“-Taste zur ursprünglichen Seite zurückkehren.
// Weiterleitung, nach der man nicht "Zurück" gehen kann\nwindow.location.replace('https://pythonlib.ru/new-page');Vorteile: Ideal für temporäre Seiten (z. B. eine Altersbestätigungsseite oder eine Weiterleitung von einer veralteten URL). Verstopft nicht den Verlauf.
\nNachteile: Kann Benutzer verwirren, wenn sie das Standardverhalten der „Zurück“-Taste erwarten.
\n\nWann verwenden: Wenn Sie von einer temporären oder technischen URL weiterleiten, die vom Browser nicht „gespeichert“ werden soll. Zum Beispiel nach einer Weiterleitung von /old-page zu /new-page.
3. Ein neues Dokument laden: window.location.assign()
\n\nDie Methode assign() ist eine „formellere“ Version der Zuweisung von href. Sie macht dasselbe: Sie lädt ein neues Dokument und speichert den Eintrag im Verlauf.
window.location.assign('https://pythonlib.ru/new-page');Im Wesentlichen ist dies ein Synonym für
Blogs
Buchempfehlungen
Lesen Sie auch
