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 that specifies the anchor part of a URL’S.
Return Value: It returns a string value that represents the anchor part of a URL.
Example: Below program illustrates the Location hash property in HTML:
HTML
<!DOCTYPE html>
<html>
<head>
<title>DOM Location hash property</title>
<style>
h1 {
color: green;
}
</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";
let h =
"The anchor part is now: " + location.hash;
document.getElementById("hash").innerHTML = h;
}
</script>
</body>
</html>
|
Output:
HTML DOM Location hash Property
Supported Browsers: The browsers supported by the Location hash property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 3
- Firefox 1
- Opera 12.1
- Safari 1
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
16 Jun, 2023
Like Article
Save Article