Javascript – #2.13. Objetos del navegador (BOM). Window I

Lección
Materiales

En esta lección empezamos a ver los objetos del navegador. Concretamente empezamos por uno de los más importantes: window. El objeto window representa la ventana que tiene un documento DOM.

El objeto window tiene una serie de propiedades que veremos en el vídeo:

  • name: representa el nombre de la ventana.
  • outerWidth y outerHeight: son el ancho y alto de la ventana incluyendo la barra de herramientas y la de scroll.
  • innerWidth e innerHeight: similar a los anteriores pero sin incluir la barra de herramientas ni la de scroll.
  • pageXOffset y pageYOffset: nos indica dónde se encuentra situado el scroll horizontal y vertical, respectivamente.
  • screenX y screenY: permite conocer la distancia de la ventana desde la izquierda y desde arriba respectivamente.

También hay una serie de propiedades con iframes y con otras ventanas que nos van a resultar muy de utilidad para poder conocer el estado de la ventana, quién la creó, etc. Son:

  • frames: devuelve todos los iframe de la ventana.
  • frameElement: devuelve el frame en el que está insertada la ventana.
  • length: devuelve el número de frames que tiene la ventana.
  • closed: devuelve un booleano que indica si la ventana está cerrada.
  • opener: devuelve la referencia de la ventana que creó la ventana actual.
  • parent: devuelve la ventana padre de la actual.
  • self: devuelve la ventana actual

Además, dentro de window se encuentran otros objetos del navegador que veremos más adelante, en videos posteriores:

  • window.document.
  • window.navigator.
  • window.screen.
  • window.history.
  • window.location.

Estas propiedades son las que veremos en el vídeo, y dejaremos los métodos para la siguiente lección.

Javascript – #2.13. Objetos del navegador (BOM). Window I

¡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!