Beispiel:JS-Event-onhashchange.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
 <link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:Grundlayout.css" /> 
 <style>

section { 

 height:10em;

} 

 </style>
 <title>Beispiel: hashchange Event</title>

</head>

<body>

Beispiel: hashchange Event

 <main>

Klicke auf einen der Links, damit der hashchange-Event-Handler ausgelöst wird.

  • <a href="#eins">Über uns</a>
  • <a href="#zwei">Leistungen</a>
  • <a href="#drei">Kontakt</a>
   <section>

Über uns

   </section>
       <section>

Leistungen

   </section>
       <section>

Kontakt

   </section>
 </main>

<script> 

 window.addEventListener('hashchange', Meldung);

 function Meldung() {
   var anker = location.hash;
   alert('Der Anker ist jetzt: ' + anker);

}

</script> </body> </html>

Abgerufen am 23.09.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:JS-Event-onhashchange.html"