Hankige URL ja URL-i osad JavaScripti - CSS-trikid

Anonim

JavaScript pääseb praegusele URL-ile osade kaupa juurde. Selle URL-i jaoks:

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"

Nii et täieliku URL-i tee JavaScripti saamiseks:

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

Veidi moodsam viis URL-idega töötamiseks on URL () globaalne meetod.

Kui peate jaotama teenime, näiteks URL-i, näiteks https://css-tricks.com/blah/blah/blah/index.html, saate stringi „/” tähtedega jagada

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

Seejärel pääse erinevatele osadele juurde massiivi osade järgi, näiteks

var secondLevelLocation = pathArray(0);

Selle teenime uuesti kokku panemiseks võite massiivi kokku liita ja “/” tagasi panna:

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

Tõenäoliselt on kiireim viis tipu saavutamiseks selleks, et panna window.locationDevToolsi konsooli ja vaadata: