Beispiel:JS-Event-onresize.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: resize Event</title>

</head>

<body>

Beispiel: resize Event

 <main>

Ändere die Fenstergröße!

 </main>

<script> 

 window.addEventListener('resize', Ändern);

 function Ändern(){
     var w=window.outerWidth;
     var h=window.outerHeight;
     var txt='Fenstergröße:
 Breite=' + w + 'px
 Höhe=' + h+'px';
     document.getElementById('ausgabe').innerHTML=txt;
 }

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

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