Hämta URL- och URL-delar i JavaScript - CSS-tricks

Anonim

JavaScript kan komma åt den aktuella webbadressen i delar. För denna URL:

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

Så för att få hela URL-sökvägen i JavaScript:

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

Lite mer modernt sätt att arbeta med webbadresser är den globala metoden URL ().

Om du behöver dela upp sökvägen, till exempel en URL som https://css-tricks.com/blah/blah/blah/index.html, kan du dela strängen på "/" tecken

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

Gå sedan till de olika delarna av delarna i matrisen, som

var secondLevelLocation = pathArray(0);

För att sätta tillbaka det sökvägen kan du sy ihop matrisen och sätta tillbaka “/” i:

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

Förmodligen det snabbaste sättet att ta en topp på vad du har är att sätta window.locationi DevTools-konsolen och se: