JavaScript can access the current URL in parts. For this URL:

https://css-tricks.com/example/index.html?s=flexbox

window.location.protocol = “http:”

= “http:” window.location.host = “css-tricks.com”

= “css-tricks.com” window.location.pathname = “/example/index.html”

= “/example/index.html” window.location.search = “?s=flexbox”

So to get the full URL path in JavaScript:

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

A bit of a more modern way of working with URLs is the URL() global method.

If you need to break up up the pathname, for example, a URL like https://css-tricks.com/blah/blah/blah/index.html, you can split the string on “/” characters

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

Then access the different parts by the parts of the array, like

var secondLevelLocation = pathArray[0];

To put that pathname back together, you can stitch together the array and put the “/”‘s back in:

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