Maison  >  Article  >  interface Web  >  En JavaScript, quel est le but de l’événement onresize ?

En JavaScript, quel est le but de l’événement onresize ?

王林
王林avant
2023-08-26 10:37:091091parcourir

En JavaScript, quel est le but de l’événement onresize ?

Lorsque la fenêtre est redimensionnée, l'événement de redimensionnement sera déclenché. Utilisez les événements window.outerWidth et window.outerHeight en JavaScript pour obtenir la taille de la fenêtre lorsque le navigateur est redimensionné.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour utiliser l'événement onresize en JavaScript.

<!DOCTYPE html>
<html>
   <head>
      <script>
         function resizeFunction() {
            var val = "Window Width=" + window.outerWidth + ", Window Height=" + window.outerHeight;
            document.getElementById("test").innerHTML = val;
         }
      </script>
   </head>
   <body onresize="resizeFunction()">
      <p>Resize browser window and check the window (browser window) height and width again.</p>
     
      <p id = "test"> </p>
   </body>
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer