Hae URL-osoitteet ja URL-osat JavaScriptiin - CSS-temppuja

Anonim

JavaScript voi käyttää nykyistä URL-osoitetta osittain. Tämän URL-osoitteen kohdalla:

https://css-tricks.com/example/index.html?s=flexbox
  • window.location.protocol = "Http:"
  • window.location.host = “Css-tricks.com”
  • window.location.pathname = "/Esimerkki/index.html"
  • window.location.search = "? S = flexbox"

Joten saadaksesi koko URL-polun JavaScript:

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

Hieman nykyaikaisempi tapa työskennellä URL-osoitteiden kanssa on URL () -menetelmä.

Jos haluat erottaa polun nimen, esimerkiksi URL-osoitteen, kuten https://css-tricks.com/blah/blah/blah/index.html, voit jakaa merkkijonon "/" -merkeissä

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

Käytä sitten eri osia matriisin osista, kuten

var secondLevelLocation = pathArray(0);

Voit laittaa polun nimen takaisin yhteen yhdistämällä matriisin ja asettamalla “/”: t takaisin:

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

Todennäköisesti nopein tapa ottaa huippu sillä, mitä sinulla on, on laittaa window.locationDevTools-konsoliin ja nähdä: