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.


  • 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:


<!DOCTYPE html>
        <title>DOM Location hash property</title
            h1 { 
            h2 {
                font-family: Impact;
            body { 
        <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>
            function mylocation() {
                location.hash = "newlocationhash";
                var h = "The anchor part is now: " + location.hash;
                document.getElementById("hash").innerHTML = h;



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

You Might Also Like

leave a comment



load comments

Subscribe to Our Newsletter