Získajte adresu URL a časti URL v JavaScripte Triky CSS

Anonim

JavaScript môže pristupovať k aktuálnej adrese URL po častiach. Pre túto adresu 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”

Ak chcete získať úplnú cestu URL v JavaScripte:

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

Trochu modernejším spôsobom práce s adresami URL je globálna metóda URL ().

Ak potrebujete rozdeliť cestu, napríklad adresu URL ako https://css-tricks.com/blah/blah/blah/index.html, môžete reťazec rozdeliť na znaky „/“.

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

Potom pristupujte k rôznym častiam podľa častí poľa, napríklad

var secondLevelLocation = pathArray(0);

Ak chcete dať tento názov cesty späť, môžete spojiť pole a vložiť znaky „/“ späť do:

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

Pravdepodobne najrýchlejší spôsob, ako dosiahnuť maximum v tom, čo máte, je vložiť window.locationdo konzoly DevTools a zistiť: