Pridobite URL in dele URL-jev v JavaScript - CSS-triki

Anonim

JavaScript lahko delno dostopa do trenutnega URL-ja. Za ta 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”

Torej, da dobite celotno pot URL-ja v JavaScript-u:

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

Nekoliko bolj sodoben način dela z URL-ji je globalna metoda URL ().

Če morate razstaviti ime poti, na primer URL, kot je https://css-tricks.com/blah/blah/blah/index.html, lahko niz razdelite na znake “/”

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

Nato dostopajte do različnih delov po delih polja, na primer

var secondLevelLocation = pathArray(0);

Če želite to ime poti spet sestaviti, lahko povežete matriko in vstavite »/« nazaj:

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

Verjetno je najhitrejši način, da window.locationdosežete vrhunec pri tem, kar imate, v konzolo DevTools in si ogledate: