Sadot Hernández

¿Cómo obtener la ruta actual de la Url con JavaScript?

PublicadoDecember 17, 2020

Conociendo nuestro localizador de recursos uniforme.

image

Objeto location

El objeto location contiene información sobre el URL actual.

Este forma parte del objeto ventana y se accede a él a través de la propiedad window.location.

Usando JavaScript, puedes usar:

Ejemplo: https://zademy.com/ruta-ejemplo?q=search#resultado

var nombreRuta = window.location.pathname; 
// Retorna solo ruta : "ruta-ejemplo"
var host= window.location.host;
// Retorna host: "www.zademy.com"
var url = window.location.href;
// Retorna URL : "https://zademy.com/ruta-ejemplo"
var origen = window.location.origin;
// Retorna base URL : "https://zademy.com/ruta-ejemplo"
var search= window.location.search;
// Retorna ruta : "?q=search"
var hash= window.location.hash;
// Retorna hash: "#resultado"

Usando jQuery, puedes usar:

$(location).attr('pathname');
// Retorna solo ruta
$(location).attr('host');
// Retorna host
$(location).attr('href');
// Retorna href
$(location).attr('protocol');
// Retorna protocolo
$(location).attr('search'));
// Retorna ruta
$(location).attr('hash');
// Retorna hash

Nota:
El objeto window.location puede utilizarse para obtener la dirección de la página actual (URL) y para redirigir el navegador a una nueva página.

Referencias

. (17 de Diciembre de 2020).  Obtenido de The Location Object