Tutorialspoint.dev

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.

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:

<!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 5.0
  • Internet Explorer 8.0
  • Firefox 3.6
  • Safari 5.0
  • Opera 10.6


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter