Este atributo funciona cuando ha habido cambios en la parte de anclaje. La parte ancla comienza con el símbolo ‘#’ de la URL actual.
Etiquetas admitidas
- <cuerpo>
Sintaxis:
<element onhashchange = "script">
Valor de atributo: este atributo contiene un script de valor único y se ejecuta cuando se activa el atributo de evento onhashchange. Este atributo está asociado con la etiqueta <body> únicamente.
Ejemplo:
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>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de evento onhashchange se enumeran a continuación:
- cromo 5.0
- Internet Explorer 8.0
- Firefox 3.6
- Safari 5.0
- Ópera 10.6