Uzyskaj adres URL i części adresu URL w JavaScript - CSS-Tricks

Anonim

JavaScript może uzyskać dostęp do bieżącego adresu URL w częściach. W przypadku tego 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”

Aby uzyskać pełną ścieżkę adresu URL w JavaScript:

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

Nieco bardziej nowoczesnym sposobem pracy z adresami URL jest metoda globalna URL ().

Jeśli chcesz podzielić nazwę ścieżki, na przykład adres URL, taki jak https://css-tricks.com/blah/blah/blah/index.html, możesz podzielić ciąg na znaki „/”

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

Następnie uzyskaj dostęp do różnych części za pomocą części tablicy, takich jak

var secondLevelLocation = pathArray(0);

Aby ponownie połączyć tę ścieżkę, możesz zszyć tablicę i wstawić znaki „/” z powrotem:

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

Prawdopodobnie najszybszym sposobem na zdobycie szczytu tego, co masz, jest umieszczenie window.locationw konsoli DevTools i zobaczenie: