URL and URL parts in Javascript

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

http://dustybits.com/example/index.html

window.location.protocol = "http:"
window.location.host = "dustybits.com"
window.location.pathname = "example/index.html"

So to get the full URL path in JavaScript:

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

If you need to breakup the pathname, for example a URL like http://dustybits.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];
 }

Leave a Reply

Your email address will not be published. Required fields are marked *