html tutorial - onhashchange Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Onhashchange attribute in html - html examples - html programs

The onhashchange attribute triggers when there has been changes to the anchor part (starts with a '#' symbol) of the present URL.
This event can invoke

Navigate to the present page with a different bookmark
Modify the anchor part by setting the location.href property or location.hash of the Location Object
Click on a link to a bookmark anchor

The onhashchange attribute is a section of the Event Attributes.

Syntax for onhashchange attribute in HTML:

<body onhashchange="script">

Difference between HTML 4.01 and HTML 5 for onhashchange Attribute:

HTML 4.01

The onhashchange attribute has not been defined.

HTML 5

The onhashchange attribute is added newly.

Applies To:

Elements	Attribute
<body>	onhashchange

onhashchange Attribute Value:

Value	Description
script	The script can run on onhashchange

Sample Coding for onhashchange Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy onhashchange attribute</title>
    </head>
    <body onhashchange="onHashChange()">
        <p id="tutorial">Wikitechy Tutorials learn code in wikitechy</p>
        <a href="#tutorial">Click here to check onhashchange attribute</a>
        <script>
            function onHashChange() 
            {
             alert ("onhashchange called!");
            }
        </script>
    </body>
</html>

Code Explanation for onhashchange Attribute in HTML:

The onhashchange attribute is used to call onHashChange() JavaScript function when anchor part of the URL is change with # symbol.
<a href=”#tutorial”> is used to change the anchor part of the URL.
The JavaScript function onHashChange is used to display an alert message.

Output for onhashchange Attribute in HTML:

The output is displayed with the link “Click here to check onhashchange attribute”

When the user clicks the link, then the URL has been changed.
The anchor part of the URL is changed into #tutorial.
When the anchor part is changed, the alert box is open with the message “onhashchange called!”

Browser Support for onhashchange Attribute in HTML:


Yes	Yes	Yes	Yes	Yes

PDF

Related Searches to onhashchange attribute in html

onhashchange jquery onhashchange not firing window.onhashchange not working window addeventlistener hashchange javascript url change event jquery hashchange example window hashchange jquery angular onhashchange html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list