Properties: hostname, href and pathname

Page 2 of 3

Author : Exforsys Inc. Published on: 13th Jun 2007

JavaScript Location Object Properties

hostname:

This has a similar function as hot property which was previously discussed. The only difference between hostname property of location object and hot property is the hostname property of location object is used for setting or returning the hostname only of the current URL.

Ads

General syntax of hostname property of location Object:

location.hostname

for example

<html>
   <body>
      <script type="text/javascript">
           document.write(location.hostname);

      </script>
   </body>
</html>

Suppose the current URL is: http://xforsys.com/example.htm#test5

Then the output of the above program is

xforsys.com

The location.hostname in document.write takes the hostname in the current URL and displays the output exforsys.com

href:

If a programmer wants to set or return the entire URL, then the href property of location object can be used.

General syntax of href property of location Object:

location.href=URL

An example

<html>
   <body>
      <script type="text/javascript">
           document.write(location.href);

      </script>
   </body>
</html>

Suppose the current URL is: http://xforsys.com/example.htm#test5

Then the output of the above program is

http://xforsys.com/example.htm#test5

The location.href in document.write takes the entire URL in the current URL and displays the output as displayed above.

pathname

As the name of this property suggests, the pathname property of location object is used for setting or returning the path of the current URL. This pathname specifies the path for accessing the particular URL or resource.

General syntax of pathname property of location Object: