HTML | onhashchange Event Attribute
This attribute works when there has been changes to the anchor part. The anchor part starts with ‘#’ symbol of the current URL.
Supported Tags
- <body>
Syntax:
<element onhashchange = "script">
Attribute Value: This attribute contains single value script and it runs when onhashchange event attribute triggered. This attribute is associated with <body> tag only.
Example:
html
<!DOCTYPE html><html> <head> <title>onhashchange event attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>onhashchange event attribute</h2> <button onclick="changePart()">Try it</button> <div id="gfg"></div> <script> function changePart() { location.hash = "2"; var geeks = "Anchor part: " + location.hash; document.getElementById("gfg").innerHTML = geeks; } function myFunction() { alert("The anchor part has changed!"); } </script></html> |
Output:
Supported Browsers: The browser supported by onhashchange event attribute are listed below:
- Chrome 8.0
- Edge 12.0
- Internet Explorer 8.0
- Firefox 3.6
- Safari 5.0
- Opera 10.6
Please Login to comment...