So erhalten Sie mit JavaScript die aktuelle URL im Webbrowser

Beim Erstellen von Webanwendungen müssen häufig auf die aktuelle URL im Webbrowser zugreifen und manipulieren. JavaScript bietet eine einfache und einfache Möglichkeit, die aktuelle URL im Browser zu erhalten, was für eine Vielzahl von Zwecken nützlich sein kann, von der Verfolgung des Benutzerverhaltens bis zur Implementierung dynamischer Navigationmenüs.

In diesem Artikel werden wir untersuchen. Wir werden zwei Methoden abdecken: Verwenden des Fensters.Standorteigenschaft und Verwenden des Dokuments.URL -Eigenschaft.

Methode 1: Verwenden der Verwendung der Fenster.Standort Eigentum

Der "Fenster.Standort" Immobilien enthält Informationen zur aktuellen URL im Browser. Diese Eigenschaft enthält verschiedene Informationen über die URL, wie das Protokoll, das Hostname, die Portnummer, der Pfad und die Abfragezeichenfolge.

Um die aktuelle URL mit der "Fenster.Standort" Eigenschaft, Zugang einfach auf die Eigenschaft zugreifen und die abrufen "Href" Attribut. Hier ist ein Beispielcode -Snippet:

In diesem Beispiel deklarieren wir zunächst eine Variable namens Currenturl. Wir weisen ihm dann den Wert des "Fenster.Standort.href ” Attribut, das die aktuelle URL enthält. Schließlich verwenden wir die Konsole.Log -Methode zum Drucken der aktuellen URL in die Konsole.

Methode 2: Verwenden der Verwendung der dokumentieren.URL Eigentum

Der "dokumentieren.URL ” Eigenschaft bietet die aktuelle URL des Dokuments, einschließlich des Protokolls, des Hostnamens, der Portnummer, des Pfades und der Abfragezeichenfolge. Diese Eigenschaft ähnelt dem Fenster.Standorteigenschaft, bietet jedoch eine direktere Möglichkeit, auf die URL zuzugreifen.

Um die aktuelle URL mit dem Dokument zu erhalten.URL -Eigenschaft, Zugang einfach auf die Eigenschaft zugreifen und ihren Wert abrufen. Hier ist ein Beispielcode -Snippet:

In diesem Beispiel deklarieren wir zunächst eine Variable namens Currenturl. Wir weisen ihm dann den Wert des Dokuments zu.URL -Eigenschaft, die die aktuelle URL enthält. Schließlich verwenden wir die Konsole.Log -Methode zum Drucken der aktuellen URL in die Konsole.

Abschluss

Die aktuelle URL im Webbrowser mit JavaScript zu erhalten, ist eine einfache und nützliche Aufgabe für Webentwickler. Durch die Verwendung des Fensters.Standorteigenschaft oder Dokument.URL -Eigenschaften können Entwickler leicht zugreifen und die aktuelle URL für eine Vielzahl von Zwecken manipulieren. Ob es darum geht, das Benutzerverhalten zu verfolgen oder dynamische Navigationsmenüs zu implementieren, wenn man weiß, wie man die aktuelle URL bekommt, ist eine wesentliche Fähigkeit für jeden Webentwickler.