Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

onhashchange Event

Example

Execute a JavaScript when the anchor part has been changed:

<body onhashchange="myFunction()">

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The onhashchange event occurs when there has been changes to the anchor part (begins with a '#' symbol) of the current URL.

An example of what an anchor part actually is: Assume that the current URL is
http://www.example.com/test.htm#part2 - The anchor part of this URL would be #part2.

To invoke this event, you can:

Change the anchor part by setting the location.hash or location.href property of the Location Object
Navigate to the current page with a different bookmark (Use the "back" or "forward" buttons)
Click on a link to a bookmark anchor

Browser Support

The numbers in the table specify the first browser version that fully supports the event.

Event
onhashchange	5.0	8.0	3.6	5.0	10.6

Syntax

In HTML:

<element onhashchange="myScript">

Try it Yourself »

In JavaScript:

object.onhashchange=function(){myScript};

Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("hashchange", myScript);

Try it Yourself »

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

Technical Details

Bubbles:	Yes
Cancelable:	No
Event type:	Event
Supported HTML tags:	<body>
DOM Version:	Level 3 Events

More Examples

Example

How to assign the "onhashchange" event to the window object:

window.onhashchange = myFunction;

Try it Yourself »