Cómo obtener la URL actual en jQuery

Sundeep Dawadi 30 enero 2023
  1. Atributo href para obtener la URL actual en jQuery
  2. Accediendo a propiedades específicas de la URL en jQuery
Cómo obtener la URL actual 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