Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Javascript – #2.18. Objetos del navegador (BOM). Screen
Una nueva lección y un nuevo objeto de navegador: Screen.
Nuevamente tiene un nombre muy intuitivo: representa una referencia al objeto screen (pantalla) asociado a la ventana que está siendo visualizada. Y al igual que los objetos anteriores, no es necesario poner window.screen: si utilizamos screen directamente nos estaremos refiriendo a lo mismo.
En esta lección vamos a ver cuáles son las propiedades más importantes de este objeto:
- width: representa el ancho de la pantalla.
- height: representa el alto de la pantalla.
- availWidth: representa el ancho de la pantalla sin la barra de tareas.
- availHeight: representa el alto de la pantalla sin la barra de tareas.
- colorDepth: indica la profundidad de color que estamos utilizando en nuestra pantalla.
Como véis, no son muchas y son bastante intuitivas. En el vídeo veréis cómo varían los resultados al utilizar unas u otras.
¡Recuerda! Las propiedades del objeto window (screen, navigator, etc.) no requieren que pongamos delante la palabra “window.” para poder ser utilizadas.
Tweet
¡Allá va un ejemplo completo con estas propiedades del objeto Screen!
¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!
¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!