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 the URL. It returns the string which represents the anchor part of a URL including the hash ‘#’ sign.
Syntax:
- It returns the hash property.
location.hash
- It is used to set the hash property.
location.hash = anchorname
Property Value
anchorname: It contains a string value which specify the anchor part of an URL’S.
Return Value: It returns a string value which represents the anchor part of a URL.
Below program illustrates the Location hash property in HTML:
Example:
html
<!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 1
- Edge 12
- Internet Explorer 3
- Firefox 1
- Opera 12.1
- Safari 1
Please Login to comment...