Conociendo nuestro localizador de recursos uniforme.
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
w3schools. (17 de Diciembre de 2020). w3schools.com Obtenido de The Location Object