La propiedad Window innerWidth se usa para devolver el ancho del área de contenido de una ventana. Es una propiedad de solo lectura y devuelve un número que representa el ancho del área de contenido de la ventana del navegador en píxeles.
Sintaxis:
window.innerWidth
Valor devuelto: Devuelve un número que representa el ancho del área de contenido de la ventana del navegador en píxeles.
El siguiente programa ilustra la propiedad Window innerWidth:
Devuelve el ancho del marco actual.
html
<!DOCTYPE html> <html> <head> <title> Window innerWidth Property in HTML </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>Window innerWidth Property</h2> <p> For returning the current frame's width, double click the "Check Width" button: </p> <button ondblclick="width()">Check Width</button> <p id="measure"></p> <script> function width() { var w = window.innerWidth; document.getElementById("measure").innerHTML = "Frame's Width: " + w; } </script> </body> </html>
Producción:
Después de hacer clic en el botón
Navegadores compatibles: los navegadores compatibles con Window innerWidth Property 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