Tutorialspoint.dev

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


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter