Wie erhalte ich die aktuelle URL in jQuery

Sundeep Dawadi 4 Oktober 2020
  1. href Attribut zum Abrufen der aktuellen URL in jQuery
  2. Zugriff auf spezifische Eigenschaften der URL in jQuery
Wie erhalte ich die aktuelle URL in jQuery

Es gibt oft Fälle, in denen Sie sehen wollen, wo Ihr jQuery-Code gerade geladen wird. Für jedes geöffnete Fenster im Browser gibt der Browser Zugriff auf sein window-Objekt. Als Teil des window-Objekt gibt das location-Objekt Informationen über die aktuelle URL.

href Attribut zum Abrufen der aktuellen URL in jQuery

Um die aktuelle URL zu erhalten, können Sie auf das href-Attribut des location-Objekts des Browsers zugreifen.

<script>
 var url = $(location).attr('href');
  // Returns full URL
(https://example.com/path/example.html)
 var pathname = $(location).attr('pathname');
  // Returns path only (/path/example.html)
 var origin = $(location).attr('origin');
  // Returns base URL (https://example.com)
</script>

Anmerkung: In der Art von Vanille-JavaScript kann auf dieses Objekt über window.location.href zugegriffen werden.

Zugriff auf spezifische Eigenschaften der URL in jQuery

Das location Objekt kommt mit zusätzlichen Eigenschaften der URL.

Eigenschaft Beschreibung
hash Ankerteil (#) einer URL
host Hostname und Port-Nummer einer URL
hostname Hostname einer URL
href gesamte URL
origin Protokoll, Hostname und Portnummer einer URL
pathname Pfadname einer URL
port Port-Nummer einer URL
protocol Protokoll einer URL
search Query-String-Teil einer URL