Obțineți URL și părți URL în JavaScript - CSS-Tricks

Anonim

JavaScript poate accesa adresa URL curentă în părți. Pentru această adresă 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”

Deci, pentru a obține calea URL completă în JavaScript:

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

Un mod mai modern de lucru cu adresele URL este metoda globală URL ().

Dacă trebuie să despărțiți calea, de exemplu, o adresă URL precum https://css-tricks.com/blah/blah/blah/index.html, puteți împărți șirul pe caractere „/”

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

Apoi accesați diferitele părți prin părțile matricei, cum ar fi

var secondLevelLocation = pathArray(0);

Pentru a pune acel nume de cale la loc, puteți îmbina matricea și a pune „/” înapoi:

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

Probabil cel mai rapid mod de a lua un vârf la ceea ce aveți este să puneți window.locationîn consola DevTools și să vedeți: