Obtenir des parties d'URL et d'URL en JavaScript - Astuces CSS

Anonim

JavaScript peut accéder à l'URL actuelle par parties. Pour cette 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"

Donc, pour obtenir le chemin complet de l'URL en JavaScript:

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

La méthode globale URL () est une manière un peu plus moderne de travailler avec les URL.

Si vous avez besoin de diviser le nom du chemin, par exemple, une URL comme https://css-tricks.com/blah/blah/blah/index.html, vous pouvez diviser la chaîne en caractères «/»

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

Accédez ensuite aux différentes parties par les parties du tableau, comme

var secondLevelLocation = pathArray(0);

Pour reconstituer ce chemin, vous pouvez assembler le tableau et remettre les «/» dans:

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

Le moyen le plus rapide de prendre un window.locationaperçu de ce que vous avez est probablement de mettre dans la console DevTools et de voir: