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 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 >w3wiki</ 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:
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
Contact Us