Ottieni URL e parti URL in JavaScript - Trucchi CSS

Anonim

JavaScript può accedere all'URL corrente in parti. Per questo 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"

Quindi, per ottenere il percorso completo dell'URL in JavaScript:

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

Un modo un po 'più moderno di lavorare con gli URL è il metodo globale URL ().

Se devi suddividere il percorso, ad esempio un URL come https://css-tricks.com/blah/blah/blah/index.html, puoi dividere la stringa in caratteri "/"

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

Quindi accedi alle diverse parti dalle parti dell'array, come

var secondLevelLocation = pathArray(0);

Per rimettere insieme quel percorso, puoi ricucire la matrice e rimettere la "/" in:

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

Probabilmente il modo più rapido per dare window.locationun'occhiata a ciò che hai è inserire la console DevTools e vedere: