Az URL és az URL-részek beolvasása a JavaScript-be - CSS-trükkök

Anonim

A JavaScript részenként hozzáférhet az aktuális URL-hez. Ehhez az URL-hez:

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”

Tehát a teljes URL elérési út eléréséhez a JavaScript-ben:

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

Az URL-ekkel való munka egy kicsit korszerűbb módja az URL () globális módszer.

Ha fel kell bontania az útvonalnevet, például egy URL-t, például https://css-tricks.com/blah/blah/blah/index.html, akkor feloszthatja a karakterláncot a „/” karakterekre

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

Ezután érje el a különböző részeket a tömb részei által, mint a

var secondLevelLocation = pathArray(0);

Ahhoz, hogy ezt az útvonalnevet újra össze lehessen rakni, összeillesztheti a tömböt, és visszahelyezheti a „/” karaktereket:

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

Valószínűleg a leggyorsabb módja annak, hogy csúcsot window.locationérjen el a birtokában, ha beteszi a DevTools konzolt és meglátja: