Hent URL- og URL-dele i JavaScript - CSS-tricks

Anonim

JavaScript kan få adgang til den aktuelle URL i dele. Til 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/index.html”
  • window.location.search = “? S = flexbox”

Så for at få den fulde URL-sti i JavaScript:

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

Lidt af en mere moderne måde at arbejde med URL'er på er den globale (URL) metode.

Hvis du har brug for at opdele 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('/');

Derefter få adgang til de forskellige dele efter delene i arrayet, ligesom

var secondLevelLocation = pathArray(0);

For at sætte dette stienavn sammen igen kan du sy sammen arrayet og sætte “/” 's tilbage i:

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

Den hurtigste måde at tage et højdepunkt på, hvad du har, er window.locationsandsynligvis at sætte i DevTools-konsollen og se: