Wie erhalte ich die aktuelle URL in jQuery
Sundeep Dawadi
4 Oktober 2020
jQuery
-
href
Attribut zum Abrufen der aktuellen URL in jQuery - Zugriff auf spezifische Eigenschaften der 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 |
Genießen Sie unsere Tutorials? Abonnieren Sie DelftStack auf YouTube, um uns bei der Erstellung weiterer hochwertiger Videoanleitungen zu unterstützen. Abonnieren