Obtener URL y partes de URL en JavaScript - Trucos CSS

Tabla de contenido

JavaScript puede acceder a la URL actual en partes. Para esta URL:

https://css-tricks.com/example/index.html?s=flexbox
  • window.location.protocol = "Http:"
  • window.location.host = "Css-tricks.com"
  • window.location.pathname = "/Example/index.html"
  • window.location.search = "? S = caja flexible"

Entonces, para obtener la ruta URL completa en JavaScript:

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname + window.location.search

Una forma un poco más moderna de trabajar con URL es el método global URL ().

Si necesita dividir el nombre de la ruta, por ejemplo, una URL como https://css-tricks.com/blah/blah/blah/index.html, puede dividir la cadena en caracteres "/".

var pathArray = window.location.pathname.split('/');

Luego acceda a las diferentes partes por las partes de la matriz, como

var secondLevelLocation = pathArray(0);

Para volver a unir ese nombre de ruta, puede unir la matriz y volver a colocar las "/":

var newPathname = ""; for (i = 0; i < pathArray.length; i++) ( newPathname += "/"; newPathname += pathArray(i); )

Probablemente, la forma más rápida de echar un window.locationvistazo a lo que tiene es poner la consola de DevTools y ver:

Articulos interesantes...