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