HTML | Propiedad de altura exterior de la ventana

La propiedad outsideHeight de la ventana se utiliza para devolver la altura exterior de la ventana del navegador. Incluye todos los elementos de la interfaz, como barras de herramientas, barras de desplazamiento, etc. Es una propiedad de solo lectura y devuelve un número que representa la altura de la ventana del navegador en píxeles.

Sintaxis:

window.outerHeight

El siguiente programa ilustra la propiedad de la altura exterior de la ventana:

Obtener la altura de la ventana del navegador.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      Window outerHeight Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>Window outerHeight Property</h2>
  
    <p>
      For returning the browser window's height,
      double click the "Check Height" button:
    </p>
  
    <button ondblclick="pixel()">
      Check Height
    </button>
  
    <p id="outerheight"></p>
  
    <script>
        function pixel() {
            var height = window.outerHeight;
            document.getElementById("outerheight").innerHTML =
                              "Height : " + height;
        }
    </script>
  
</body>
  
</html>

Producción:

Después de hacer clic en el botón

Navegadores compatibles: los navegadores compatibles con la propiedad Window outerHeight 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 *