HTML | Propiedad de la altura de la pantalla

La propiedad Screen AvailabilityHeight se usa para devolver la altura de la pantalla del usuario, en píxeles. El valor devuelto por la propiedad Screen AvailabilityHeight excluye las características de la interfaz, como la barra de tareas de Windows.
Sintaxis: 
 

screen.availHeight

Valores devueltos: Devuelve un valor numérico que, representando la altura de la pantalla del usuario, en píxeles

El siguiente programa ilustra la propiedad de la propiedad Screen AvailabilityHeight:
Obtener la altura de la pantalla del usuario. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      Screen availHeight property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Screen availHeight property</h2>
 
     
<p>
      or returning the screen size, double
      click the "Screen Height" button:
    </p>
 
 
    <button ondblclick="screen_height()">
      Screen Height
    </button>
 
    <p id="height"></p>
 
 
    <script>
        function screen_height() {
 
            var h =
                "Screen Height: " + screen.availHeight + "px";
            document.getElementById("height").innerHTML = h;
 
        }
    </script>
 
</body>
 
</html>
                              

Producción: 
 

Después de hacer clic en el botón 
 

Navegadores compatibles: los navegadores compatibles con Screen AvailabilityHeight se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *