Cómo obtener la URL actual en jQuery
Sundeep Dawadi
30 enero 2023
-
Atributo
href
para obtener la URL actual en jQuery - Accediendo a propiedades específicas de la URL en jQuery
A menudo hay casos en los que quieres ver dónde se está cargando actualmente tu código de jQuery. Por cada ventana abierta en el navegador, el navegador da acceso a su objeto window
. Como parte del objeto window
, el objeto location
da información sobre la URL actual.
Atributo href
para obtener la URL actual en jQuery
Para obtener la URL actual, puedes acceder al atributo href
del objeto location
del navegador.
<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>
Nota: En la forma de JavaScript vainilla, se puede acceder a través de window.location.href
.
Accediendo a propiedades específicas de la URL en jQuery
El objeto location
viene con propiedades adicionales del URL.
Propiedad | Descripción |
---|---|
hash |
parte de anclaje (#) de un URL |
host |
nombre de host y número de puerto de un URL |
hostname |
nombre de host de una URL |
href |
todo el URL |
origin |
protocolo, nombre de host y número de puerto de un URL |
pathname |
ruta de una URL |
port |
número de puerto de un URL |
protocol |
protocolo de una URL |
search |
La cadena de consulta es parte de una URL |