HTML | DOM Location hostname Property

Difficulty Level : Basic
Last Updated : 23 Jul, 2019

The Location hostname property in HTML is used to return the hostname of the current URL. The Location hostname property returns a string which contains the domain name, or the IP address of a URL.

Syntax:

It returns the hostname property.
```
location.hostname
```
It is used to set the hostname property.
```
location.hostname = hostname
```

Below program illustrates the Location hostname property in HTML:

Example:

<!DOCTYPE html>
<html>
  
<head>
    <title>DOM Location hostname Property</title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM Location hostname Property</h2>
    <p>
      For returning the hostname of the current
      URL, double click the "Return hostname" button:
    </p>
    <button ondblclick="myhost()">
      Return hostname
    </button>
    <p id="hostname"></p>
    <script> 
        function myhost() {
            var h = location.hostname;
            document.getElementById("hostname").innerHTML = h;
        }
    </script>
</body>
  
</html>

Output:

After click on the button:

Supported Browsers: The browser supported by Location hostname property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

My Personal Notes

Related Articles