Obtenha URL e partes de URL em JavaScript - CSS-Tricks

Anonim

JavaScript pode acessar o URL atual em partes. Para este 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”

Portanto, para obter o caminho de URL completo em JavaScript:

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

Uma forma um pouco mais moderna de trabalhar com URLs é o método global URL ().

Se você precisar dividir o nome do caminho, por exemplo, um URL como https://css-tricks.com/blah/blah/blah/index.html, você pode dividir a string em caracteres “/”

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

Em seguida, acesse as diferentes partes pelas partes da matriz, como

var secondLevelLocation = pathArray(0);

Para colocar esse nome de caminho novamente, você pode juntar a matriz e colocar o “/” de volta em:

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

Provavelmente, a maneira mais rápida de dar uma window.locationolhada no que você tem é colocar no console do DevTools e ver: