HTML | DOM Location hostname Property

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 the domain name, or the IP address of a URL.

Syntax:

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

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
Apple Safari
Firefox
Opera
Internet Explorer

HTML | DOM Location hostname Property

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books