Få URL og URL-deler i JavaScript - CSS-triks

Anonim

JavaScript har tilgang til gjeldende URL i deler. For denne URL:

https://css-tricks.com/example/index.html?s=flexbox
  • window.location.protocol = “Http:”
  • window.location.host = “Css-tricks.com”
  • window.location.pathname = “/Eksempel/indeks.html”
  • window.location.search = “? S = flexbox”

Så for å få hele URL-banen i JavaScript:

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

Litt av en mer moderne måte å jobbe med URL-er på er den globale metoden ().

Hvis du trenger å dele opp stienavnet, for eksempel en URL som https://css-tricks.com/blah/blah/blah/index.html, kan du dele strengen på “/” tegn

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

Deretter får du tilgang til de forskjellige delene av delene i matrisen, som

var secondLevelLocation = pathArray(0);

For å sette stienavnet sammen igjen, kan du sy sammen matrisen og sette “/” -ene tilbake i:

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

Sannsynligvis den raskeste måten å ta en topp på det du har, er å sette window.locationi DevTools-konsollen og se: