So erhalten Sie die URL der Webseite mit JavaScript

Wenn wir eine Webanwendung entwickeln, müssen uns URLs üblicherweise befassen. URLs sind die Pfade, die benötigt werden, um den Benutzer auf eine bestimmte Seite umzuleiten. Daher ist es erforderlich, die URLs mit bestimmten Methoden zu verarbeiten. JavaScript hat seine eigenen Methoden, um die URL der Seite zu erhalten, die viele nützliche Informationen wie Hostname, Pathname und die Abfrage innerhalb der URL zurückgibt.

Schauen wir uns das in diesem Artikel an.

Was ist eine URL?

URL (Einheitlicher Ressourcen -Locator) ist ein Pfad, mit dem Sie auf eine bestimmte Webseiteninstanz zugreifen können. Der Browser erkennt den Pfad und zeigt die erforderliche Webseite gegen diese URL an.

Bevor wir uns mit der URL einer Webseite einsetzen, müssen wir über ein paar Objekte wie folgt grundlegendes Wissen haben:

• Fensterobjekt
• Standortobjekt
• HREF -Objekt

Lassen Sie uns ein grundlegendes Verständnis für jedes dieser Objekte haben.

JavaScript -Fensterobjekt

JavaScript verwendet die Fenster.Standort.href Um die URL der Seite zu erhalten. Hier ist das Fensterobjekt ein universelles oder globales Objekt, das im Grunde genommen ein Browserfenster ist, und dieses Fensterobjekt enthält auch alle JavaScript -Objekte, Funktionen und Variablen.

JavaScript -Standortobjekt

Standort Das Objekt enthält alle Informationen der aktuellen URL der Webseite, auf dieses Objekt kann einfach mit der Verwendung des Fenster. Standort.

JavaScript HREF -Objekt

Der href ist eine Eigenschaft, mit der die gesamte URL der aktuellen Webseite, an der wir arbeiten. Diese Eigenschaft ist unter dem zugänglich Fenster.Standort.href

Schauen wir uns das gesamte Objekt und seine Anwendungen an.

Fenster.Standort.Href erklärte

In JavaScript die Standort Objekt enthält Informationen über die aktuelle URL des Dokuments, während die Fenster Die Schnittstelle wird verwendet, um darauf zuzugreifen. Infolgedessen können Sie die abrufen Standort Objekt für das aktuelle Dokument mit Fenster.Standort. Verwenden Sie dann die Eigenschaft Standort.href um eine Zeichenfolge mit der gesamten URL abzurufen.

Die aktuelle URL, die in der Webbrowser -Adressleiste angezeigt wird, kann mit einer Vielzahl von JavaScript -Techniken abgerufen werden. Sie können diese Daten mit dem Speicherortobjekt des Fensterobjekts abrufen. Das Folgende ist eine Liste einiger Merkmale des Standortobjekts.

Die Operationen, die Sie mit JavaScript verwenden können, sind unten aufgeführt.

Beispiele für URL -Daten, die mit dem Fenster abgerufen wurden.Standort

Nehmen wir ein Beispiel für URL 'https: // exp.com: 3737/bekommen?post = exp#query 'und einige Operationen darauf ausführen.

Betrieb	Ergebnisse
Fenster.Standort.href	https: // exp.com: 3737/bekommen?Post = Exp#Abfrage
Fenster.Standort.Protokoll;	https:
Fenster.Standort.Gastgeber	Beispiel.com: 3737
Fenster.Standort.Hostname	Exp.com
Fenster.Standort.Hafen	3737
Fenster.Standort.Pfadname	erhalten
Fenster.Standort.Anfrage	?post = exp

Browser -Implementierung

Wir haben oben diskutiert, wie wir einige der eingebauten JavaScript-Objekte leicht verwenden können, um die URL und die Informationen, die unter der URL liegen. Jetzt werden wir praktisch testen, wie die Fenster.Standort.href Eigenschaften funktioniert und wie wir sie verwenden können, um die URL der Webseite ganz einfach zu erhalten.

Mit JavaScript können Sie die URL einer Webseite mit seiner erhalten Fenster.Standort Eigentum. Sie können einfach das anrufen Fenster.Standort.href Eigenschaft, mit der Sie die vollständige URL der Webseite einschließlich Hostname, Pfadname und Abfragezeichenfolge zurückgeben.

Lassen Sie uns die JavaScript -Eigenschaft praktisch testen.

Hier im obigen Code haben wir eine Schaltfläche erstellt. Diese Schaltfläche enthält ein JavaScript -Ereignis, das ausgelöst wird, wenn vom Benutzer eine Schaltfläche klickt. Im JavaScript -Ereignis zeigen wir die URL der aktuellen Webseite in einer Warnung an, indem wir die verwenden Fenster.Standort.href, Diese Warnung enthält die Nachricht und die aktuelle URL der Webseite.

Browserausgabe:

Wenn wir auf die Schaltfläche klicken, wird eine Warnung angezeigt, die die URL der aktuellen Webseite anzeigt:

Hier können Sie sehen, dass wir verwendet haben Fenster.Standort.href im Code, um die URL der Webseite zu erhalten und ihn als Alarm in den Browser zurückzugeben. Wenn Sie also auf die Schaltfläche "Klicken Sie auf" klicken "klicken.

Abrufen von URL -Daten mit JQuery abrufen

Bis jetzt haben wir besprochen, wie wir die URL der Webseite durch die Verwendung der JavaScript leicht erhalten können Fenster.Standort.href Immobilie können wir auch mit der JQuery die gleiche Funktionalität erreichen, was leicht zu implementieren und auch ziemlich zuverlässig ist.

Die Operationen, die Sie mit JQuery ausführen können, sind unten aufgeführt.

Nehmen wir ein Beispiel für URL 'https: // exp.com: 3737/bekommen?post = exp#query 'und einige jQuery -Operationen ausführen.

Betrieb	Ergebnisse
$ (Standort).Attr ('href');	https: // exp.com: 3737/bekommen?Post = Exp#Abfrage
$ (Standort).Attr ('Protokoll');	https:
$ (Standort).Attr ('Host');	Beispiel.com: 3737
$ (Standort).Attr ('Hostname');	Exp.com
$ (Standort).Attr ('Port');	3737
$ (Standort).attr ('pathname');	erhalten
$ (Standort).Attr ('Search');	?post = exp
$ (Standort).Attr ('Hash');	#Anfrage
$ (Standort).Attr ('Origin');

Abschluss:

In JavaScript, Fenster.Standort.href ist die Eigenschaft, mit der Sie die URL der aktuellen Webseite abrufen können. Sie können die aktuelle Seiten -URL problemlos abrufen und den gewünschten Vorgang ausführen. In diesem Artikel haben wir einige Operationen gesehen, die wir nach dem Greifen in der URL ausführen können, und wir haben uns auch angesehen, wie wir die Methode in unserem JavaScript -Code implementieren können, um die Funktionalität zu erreichen.