Získejte URL a části URL v JavaScriptu - Triky CSS

Anonim

JavaScript může přistupovat k aktuální adrese URL po částech. Pro tuto 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“

Chcete-li tedy získat úplnou cestu URL v JavaScriptu:

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

Trochu modernějším způsobem práce s URL je globální metoda URL ().

Pokud potřebujete rozdělit cestu, například URL jako https://css-tricks.com/blah/blah/blah/index.html, můžete řetězec rozdělit na znaky „/“

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

Poté přistupujte k různým částem podle částí pole, jako

var secondLevelLocation = pathArray(0);

Chcete-li tento název cesty znovu spojit, můžete pole spojit a vložit znak „/“ zpět:

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

Pravděpodobně nejrychlejší způsob, jak dosáhnout toho, co máte, je umístit window.locationdo konzoly DevTools a zobrazit: