Javascript – #2.18. Objetos del navegador (BOM). Screen

Lección
Materiales

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.

Edu Recuerda

¡Recuerda! Las propiedades del objeto window (screen, navigator, etc.) no requieren que pongamos delante la palabra «window.» para poder ser utilizadas.

¡Allá va un ejemplo completo con estas propiedades del objeto Screen!

Javascript – #2.18. Objetos del navegador (BOM). 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!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!