HOWTO · jQuery
Wie erhalte ich die aktuelle URL in jQuery
Dieses Tutorial zeigt, wie Sie mit jQuery auf Ihre aktuelle URL zugreifen können.
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 |