HTML | DOM Location hash Property

The Location Hash property in HTML is used to return the anchor part of a URL. It can also be used to set the anchor part of URL. It returns the string which represents the anchor part of a URL including the hash ‘#’ sign.

Syntax:

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

Below program illustrates the Location hash property in HTML:

Example:

<!DOCTYPE html> 
<html> 
    <head>  
        <title>DOM Location hash property</title>  
        <style>  
            h1 {  
                color:green;  
            }  
            h2 { 
                font-family: Impact; 
            } 
            body {  
                text-align:center;  
            }  
        </style>  
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1>  
        <h2>DOM Location hash Property</h2>  
        <p>For setting the anchor part to 'newlocationhash',  
        double click the "Set Anchor" button: </p> 
        <button ondblclick="mylocation()">Set Anchor</button> 
        <p id="hash"></p> 
        <script> 
            function mylocation() { 
                location.hash = "newlocationhash"; 
                var h = "The anchor part is now: " + location.hash; 
                document.getElementById("hash").innerHTML = h; 
            } 
        </script> 
    </body> 
</html>                     

Output:

After click on the button:

Supported Browsers: The browsers supported by Location hash property are listed below:

Google Chrome
Apple Safari
Firefox
Opera
Internet Explorer

HTML | DOM Location hash Property

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books