Javascript Url Abrufen

| | |

Der Wert window.location stellt die aktuelle URL dar, die Sie in Ihrem Browser anzeigen. Sie können diesen Wert ersetzen, um in JavaScript zu einer anderen URL zu wechseln. Dies ist nutzlich, wenn Sie einen Benutzer auf eine andere Seite umleiten möchten. Sie können auch die Methoden Assign() oder replace() verwenden.

Es gibt mehrere Grunde, warum Sie einen Benutzer auf eine andere Website oder einen aktualisierten Pfadnamen umleiten möchten. In den meisten Fällen möchten Sie je nach Autorisierung des Benutzers umleiten – ob ein Client bei einer Site angemeldet ist. In diesem Artikel sehen wir uns an, wie dies auf einer Webseite mit JavaScript gemacht wird.

JavaScript Gehe zu URL

Mit der JavaScript-Browserverlaufs-API kannst du zu einer neuen URL gehen . Sie können die folgenden Methoden verwenden, um zu einer neuen URL zu navigieren:

  • Window.location einen neuen Wert zuweisen.
  • Mit der Methode window.assign().
  • li>
  • Die Methode window.replace() verwenden.

Alle diese drei Methoden erreichen das Ziel, zu einer anderen URL zu navigieren. Sehen wir uns jede dieser Methoden an.

JavaScript window.location Value

Um zu einer neuen URL zu navigieren, verwenden Sie das Standortobjekt aus der History API des Browsers. Mit dem Sitzungsverlauf können Sie das Standortobjekt einer neuen URL zuweisen oder die href-Eigenschaft fur dasselbe Objekt verwenden.

Die Syntax fur diesen Ansatz lautet:

"url‚" stellt die URL dar, die der Benutzer besuchen soll. Wenn diese Codezeile ausgefuhrt wird, wird eine JavaScript-Umleitung gestartet. Dadurch √§ndert sich die Seite, die der Benutzer in seinem Webbrowser anzeigt.

Sehen wir uns diese Methode in Form eines Beispiels an:

Wenn die Funktion handleClick() ausgefuhrt wird, protokolliert unser Code eine Anweisung in der JavaScript-Konsole. Dann leitet uns unser Code zu einer neuen URL weiter.

JavaScript window.location.assign()

Das Location-Objekt verfugt uber eine Weiterleitungsmethode namens assign(). Diese Methode weist den aktuellen URL mit der zugewiesenen URL und fugen Sie sie dem Verlaufsstapel hinzu.

Der Verlaufsstapel stellt die von Ihnen angezeigten Seiten dar (denken Sie an den "Zuruck-Pfeil‚", mit dem Sie eine Seite zuruckgehen k√∂nnen).

Betrachten Sie die folgende Syntax:

Im Gegensatz zum letzten Beispiel mussen wir einer JavaScript-Variable (window.location) keinen Wert zuweisen. Stattdessen Wir verwenden eine Methode, um die Webseite zu ändern, die der Benutzer anzeigt.

Der Verlaufsstapel ist, wie sich der Browser daran erinnert, wohin eine Zuruck- oder Vorwärts-Schaltfläche gehen soll.

Lassen Sie’s Sehen Sie sich eine vollständige Prufung an ple dieser Methode:

Wenn Sie auf eine andere Seite derselben Site umleiten möchten, verwenden Sie die Pfadnameneigenschaft des Standortobjekts:

JavaScript window.location.replace( )

Sie können steuern, ob der Benutzer die Zuruck-Schaltfläche verwenden kann, um zur vorherigen Site zuruckzukehren.

Mit der Methode replace() können Sie einen Benutzer zu navigieren einer Site und verhindern Sie, dass sie zur vorherigen Seite zuruckkehren. Die Methode Assign() hingegen speichert die Seite, die Sie sich zuvor angesehen haben, in Ihrem Browserverlauf. Mit Assign() können Sie also die letzte Seite anzeigen, auf der Sie sich befanden.

Schauen wir uns die Methode replace() an:

Wie Assign() ist replace() eine Methode. Diese Methode akzeptiert ein Argument: A die URL, auf die Sie den Benutzer verweisen möchten.

Wir können die Methode replace() mit einer benutzerdefinierten Funktion verwenden, um die URL zu ändern, die der Benutzer beim Ausfuhren der Methode anzeigt:

Verwenden Sie diese Repl.it, um mit den verschiedenen Methoden zu spielen, um auf eine URL Ihrer Wahl umzuleiten. Mit der Schaltfläche Ausfuhren können Sie den Code auf den Standard zurucksetzen.

Schlussfolgerung

Es gibt drei Möglichkeiten, eine URL in JavaScript aufzurufen: mit window.location, der Methode window.location.assign() oder window.location. replace()-Methode.

Möchten Sie mehr uber JavaScript erfahren? Lesen Sie unseren Leitfaden zum Erlernen von JavaScript. Dieser Leitfaden enthält Top-Tipps zum Erlernen von JavaScript und eine Liste umfassender Lernressourcen fur Anfänger und fortgeschrittene Entwickler.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method