Вземете URL и URL части в JavaScript - CSS-трикове

Anonim

JavaScript може да получи достъп до текущия URL адрес на части. За този 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”

Така че, за да получите пълния URL път в JavaScript:

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

Малко по-модерен начин за работа с URL адреси е глобалният метод URL ().

Ако трябва да разбиете името на пътя, например URL адрес като https://css-tricks.com/blah/blah/blah/index.html, можете да разделите низа върху символите „/“

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

След това отворете различните части от частите на масива, като

var secondLevelLocation = pathArray(0);

За да поставите това име на път обратно, можете да съберете масива и да поставите „/“ обратно в:

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

Вероятно най-бързият начин да постигнете връх в това, което имате, е да поставите window.locationв конзолата DevTools и да видите: