La propiedad innerWidth en JavaScript devuelve el ancho y la propiedad innerHeight devuelve la altura del área de contenido de la ventana.
Sintaxis:
window.innerWidth window.innerHeight
Parámetro: No requiere ningún parámetro.
Valor devuelto: Devuelve un número, que representa el ancho y alto del área de contenido de la ventana.
Nota: para IE 8, es decir (Internet Edg 8) o anterior, use clientWidth y clientHeight para obtener el ancho y el alto de la ventana.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Browser Inner width and height</title>
<style>
body{
text-align:center;
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<h2>Browser Window</h2>
<p id="demo"></p>
<script>
var Width, Height, result;
// height and width of Browser window
Width = window.innerWidth || document.documentElement.clientWidth
|| document.body.clientWidth;
Height = window.innerHeight || document.documentElement.clientHeight
|| document.body.clientHeight;
// Display Width and Height.
result = document.getElementById("demo");
result.innerHTML = "Browser inner width: " + Width +
"<br>Browser inner height: " + Height;
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA