URL- en URL-onderdelen ophalen in JavaScript - CSS-trucs

Anonim

JavaScript heeft in delen toegang tot de huidige URL. Voor deze 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"

Dus om het volledige URL-pad in JavaScript te krijgen:

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

Een wat modernere manier om met URL's te werken, is de globale methode URL ().

Als u de padnaam moet opsplitsen, bijvoorbeeld een URL zoals https://css-tricks.com/blah/blah/blah/index.html, kunt u de string splitsen op "/" -tekens

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

Krijg vervolgens toegang tot de verschillende onderdelen door de onderdelen van de array, zoals

var secondLevelLocation = pathArray(0);

Om die padnaam weer samen te voegen, kunt u de array samenvoegen en de "/" 's er weer in plaatsen:

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

Waarschijnlijk de snelste manier om een window.locationkijkje te nemen in wat je hebt, is door de DevTools-console in te voeren en te zien: