How To Get URL Parts in JavaScript?

**Viensterrr** · 05-02-2010

Hi ..!! I am doing my project work in JavaScript.!! I that I want to obtain the URL from the window.location object. I have tried many different ways but I am not getting the appropriate results. Does anyone out there know how to get URL parts in JavaScript..?? Also if possible tell me the method to change the current location with window.location.href and window.location.reload. Hope that I am clear with my points..!! Please help me soon..!!

**absolute55** · 05-02-2010

The location object is all that you have to use. For storing the URLs this class of JavaScript is used. By using this class you can get the URL parts in JavaScript. The location object class comes with properties that represent each part of the URL, and can be updated by changing the href property. The important things that you will have to check is :

location.href : the full URL
location.protocol, location.host & location.pathname : the parts of the URL

Also the location object class has the following methods :

location.reload
location.replace

**MindSpace** · 05-02-2010

You will have to follow the below steps for getting the URL parts in JavaScript :

Before getting the URL parts, you should know the parts of URL. The URL consists of protocol, host and pathname. It looks like protocol://host/pathname.
Then you will have to use the windows.location function to separate the parts out. For example, if you want to show an alert in your URL, you will have to do like the following code :
Code:
```
alert(window.location.protocol + "://" + window.location.host + "/" + window.location.pathname);
```
Lastly you can split the pathname up by using the window.location.pathname.split() function, using the slash ("/") as a delimiter.

**Zecho** · 05-02-2010

You can also put an array into the JavaScript program. You can also access the different parts by the parts of the array. You can do this by using the following code :

Code:

var secondLevelLocation = pathArray[0];

And if you want to put that pathname back together, you can do that by pasting together the array and put the “/”’s back in. Just look at the following code so you can understand it clearly :

Code:

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

**kelfro** · 05-02-2010

You said that you want to get the different pieces of the url of the webpage. For doing this you would have to use the window.location object along with the JavaScript Split function. If you want to get the entire URL, you will have to put the following script :

Code:

<script type="text/javascript">

completeURL= window.location;
document.write(completeURL);

</script>

**Praetor** · 05-02-2010

The script mentioned by the 'kelfro' is correct if you want to entire URL. You have also asked for the parts of URL. For getting the current URL in the parts you requested you can use the following coding :

Code:

<script type="text/javascript">

fullDomain = window.location.host;

domainArray = fullDomain.split('.');

subDomain=domainArray[0];
document.write(subDomain);

domain=domainArray[1];
document.write(domain);

domainExt=domainArray[2];
document.write(domainExt);

urlPath=window.location.pathname;
document.write(urlPath);

</script>