Snippets
Obtener datos de la URL con JavaScript
Aveces necesitamos obtener la URL donde navegamos o simplemente alguno de sus datos. Con Javascript esto es muy fácil, gracias a la propiedad location
del objeto window
, esta nos da información acerca de la ubicación actual del documento.
Si corres en la consola del navegador window.location
este retornará un objeto con los datos disponibles:
Location {
host: "soyfrontend.com",
hostname: "soyfrontend.com",
href: "http://soyfrontend.com/snippet/obtener-datos-la-url-javascript/",
origin: "http://soyfrontend.com",
pathname: "/snippet/obtener-datos-la-url-javascript/",
port: "",
protocol: "http:",
search: ""
assign: function,
ancestorOrigins: DOMStringList,
reload: function reload() { [native code] },
replace: function () { [native code] },
toString: function toString() { [native code] },
valueOf: function valueOf() { [native code] }
}
Una vez referenciado el objeto y sus propiedades ya podemos acceder a estas, obtenerlas y manipularlas como lo necesitemos: Ejemplos:
// Redireccionar la URL actual
window.location = "http://www.google.com";
// Recarga el navegador en la URL actual
window.location.reload(true);
// Manipular la URL actual
window.location.search = "javascript";
Y así vamos a poder trabajar con la locación actual del navegador por medio de JavaScript.
ref: https://developer.mozilla.org/en-US/docs/Web/API/Window/location
Comentar