{ . . . }

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

avatar
wpDiscuz