Gaukite URL ir URL dalis „JavaScript“ CSS-gudrybės

Anonim

„JavaScript“ gali dalimis pasiekti dabartinį URL. Šiam 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“

Taigi, norėdami gauti visą URL kelią „JavaScript“:

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

Šiek tiek modernesnis darbo su URL būdas yra URL () pasaulinis metodas.

Jei reikia suskaidyti kelio pavadinimą, pvz., URL, pvz., Https://css-tricks.com/blah/blah/blah/index.html, galite padalyti „/“ simbolių eilutę

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

Tada pasiekite skirtingas dalis masyvo dalimis, pvz

var secondLevelLocation = pathArray(0);

Norėdami vėl susieti tą kelio pavadinimą, galite susieti masyvą ir vėl įdėti „/“:

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

Tikriausiai greičiausias būdas pasiekti aukščiausią tašką, kurį turite, yra įdėti window.locationį „DevTools“ konsolę ir pamatyti: