Skip to content
Related Articles

Related Articles

Improve Article

JavaScript location.host vs location.hostname

  • Last Updated : 25 Jul, 2021
Geek Week

In this article, we will learn about how to get information related to the webpage like hostname, port number, etc. We will also see the difference between the location.hostname and location.host.

location object is used to get information about the current web page. host and hostname are properties of location objects.

location.hostname: This property will return the domain name of the web page.

Syntax:

location.hostname

Return value: It returns a string representing the domain name or IP address.



Example:

  • If this is our URL,

    https://www.geeksforgeeks.org:8080/ds/heap
  • When we call location.hostname, This will return.

    www.geeksforgeeks.org

HTML




<!DOCTYPE html>
<html lang="en">
  <head>
      
    <!-- using jquery library -->
    <script src=
    </script>
  </head>
  
  <body>
    <script>
      document.write("hostname : " + location.hostname);
    </script>
  </body>
</html>

Output:

In order to verify this thing for any webpage, open the webpage you want, then click on inspect and then write console.log(location.hostname) in the console tab. You will get the domain name of the webpage.

location.host: This property also returns the same hostname but it also includes the port number. In case, if the port number is not available, then it will just return the hostname.



Syntax: 

location.host

Return value: It returns a string representing the domain name and port number.

Example: 

  • If this is our URL,

    https://www.geeksforgeeks.org:8080/ds/heap
  • When we call location.host, This will return.

    www.geeksforgeeks.org:8080

HTML




<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- using jquery library -->
    <script src=
    </script>
  </head>
  
  <body>
    <script>
      document.write("host : " + location.host);
    </script>
  </body>
</html>

Output:

                    location.hostname                                                            location.host                                               
It is a property of a location object.It is also a property of a location object.
It returns the domain name of the current webpage.It returns the domain name as well as the port number (if available) of the current webpage.
The return value is of String type.The return value is of String type.
Ex: www.abc.comEx: www.abc.com:8080

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it’s lowest price ever!




My Personal Notes arrow_drop_up
Recommended Articles
Page :