Phenquestions
Javascript ist eine weborientierte Programmiersprache. Bei der Nutzung des Webs müssen Sie häufig durch Seiten navigieren. Wenn Sie auf eine Schaltfläche klicken, ein Formular absenden oder sich bei einer Website anmelden, werden Sie auf eine andere neue Seite weitergeleitet. Die Seitenumleitung ist ein wesentlicher Bestandteil jeder Website, aber sie ist nicht nur auf die Seitennavigation auf einer Website beschränkt. Es kann mehrere Gründe geben, die Seite umzuleiten, zum Beispiel:
- Der alte Domainname wird in eine neue Domain geändert
- Einreichung und Autorisierung eines Formulars
- Auf Basis des Browsers oder der Sprache des Benutzers
- Weiterleitung von HTTP zu HTTPS
In diesem Artikel werden verschiedene Möglichkeiten zum Umleiten einer Seite erläutert.
Syntax
Die Syntax zum Navigieren zu einer Seite mit Javascript lautet wie folgt:
Fenster.Lage.href = "URL"Bei dieser Methode geben Sie einfach die URL an, zu der Sie den Benutzer umleiten möchten.
Die Syntax für eine andere Methode zum Umleiten eines Benutzers zu einer neuen URL lautet wie folgt:
Fenster.Lage.replace("url") // oderFenster.Lage.zuweisen("URL")
In dieser funktionalen Syntax geben Sie die URL an, zu der Sie umleiten möchten, und jedes Mal, wenn diese Funktion aufgerufen wird, werden Sie zu dieser spezifischen URL umgeleitet.
Hier erledigen „replace“ und „assign“ die gleiche Aufgabe, jedoch mit einem feinen Unterschied. Sie leiten beide zu einer neuen URL weiter, aber „ersetzen“ nimmt den Verlauf nicht auf und der Benutzer kann nicht zur alten URL oder zur vorherigen Seite zurückkehren. In der Zwischenzeit behält „Zuweisen“ den Verlaufsdatensatz und ermöglicht es dem Benutzer, zur vorherigen Seite zurückzukehren.
Wir werden uns nun einige Beispiele für beide Syntaxen ansehen.
Beispiele
Zuerst erstellen wir eine On-Click-Funktion auf einer Schaltfläche.
Diese Funktion leitet den Benutzer auf die Website „https://www.linuxhint.com.”
Funktion redirectFunction()Fenster.Lage.href = "https://www.linuxhint.com"
Wenn der Benutzer jetzt auf die Schaltfläche klickt, wird er zu linuxhint weitergeleitet.com
Im nächsten Beispiel möchten Sie beispielsweise den Benutzer von einer alten Domain auf die neue Domain umleiten. Nehmen Sie zu Testzwecken an, dass die aktuelle Adresse localhost ist, aber immer wenn der Benutzer die URL des localhost eingibt, wird der Benutzer vom localhost zur neuen URL umgeleitet, die linuxhint ist.com in diesem Beispiel. Das ist einfacher als Sie vielleicht denken. Verwenden Sie dazu einfach die Syntax der zweiten Weiterleitungsmethode:
Fenster.Lage.ersetzen("https://www.linuxhint.com")Wenn der Benutzer nun die localhost-URL eingibt, wird er zu linuxhint umgeleitet.com. Wenn Sie jedoch auf die Schaltfläche oben links im Browser schauen, um zur vorherigen Seite zurückzukehren:
die Schaltfläche ist abgestumpft und der Browser erlaubt uns nicht, zur vorherigen Seite zurückzukehren. Wenn Sie diese Option für den Benutzer jedoch beibehalten möchten, können Sie „Zuweisen“ anstelle von „Ersetzen“ verwenden.”
Fenster.Lage.zuweisen("https://www.linuxhint.com")Und jetzt, wenn Sie auf die Schaltfläche oben links im Browser schauen, um zur vorherigen Seite zurückzukehren:
Der Knopf ist nicht stumpf. Sie können zur vorherigen Seite zurückkehren.
Es wird empfohlen, hier „replace“ statt „assign“ zu verwenden, da der Zweck der Umleitung auf eine neue URL darin besteht, dass die alte URL nicht mehr funktioniert oder nicht mehr verfügbar ist.
Fazit
In diesem Artikel wurden einige verschiedene Methoden der Umleitung in Javascript erläutert, zusammen mit Beispielen aus dem wirklichen Leben, die diese Methoden verwenden. In diesem Artikel haben Sie gelernt, wie Sie zu einer neuen Seite navigieren und wie Sie von der alten URL auf eine neue URL umleiten. Mehr über Javascript erfahren Sie unter linuxhint.com.
