Nabavite URL i dijelove URL-a u JavaScript-u - CSS-trikovi

Anonim

JavaScript može dijelovima pristupiti trenutnom URL-u. Za ovaj 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 = flexbox"

Dakle, da biste dobili puni URL put u JavaScript:

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

Nešto moderniji način rada s URL-ovima je globalna metoda URL ().

Ako trebate razbiti naziv puta, na primjer, URL poput https://css-tricks.com/blah/blah/blah/index.html, možete podijeliti niz na znakove “/”

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

Zatim pristupite različitim dijelovima dijelovima niza, poput

var secondLevelLocation = pathArray(0);

Da biste vratili to ime puta, možete spojiti niz i vratiti "/" u:

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

Vjerojatno je najbrži način da postignete vrhunac ono što imate je staviti window.locationu konzolu DevTools i vidjeti: