Curso de Javascript: Objetos window, document y forms
Introducción
En Javascript existen una serie de objetos predefinidos que permiten acceder al DOM, dichos objetos sustentan la representación de la ventana, el documento y los formularios presentes en el mismo. window, document y forms son los tres objetos principales de Javascript, ya que siempre podemos interactuar con ellos.
El objeto window
Propiedades principales
- document: el objeto principal de window, representa el documento que se está presentando en pantalla.
- innerHeigth, innerWidth: representan el tamaño en alto y ancho, respectivamente de la ventana que dibuja la página.
- history: histórico de páginas visitadas.
- location: dirección URL actual.
- name: nombre de la ventana.
Métodos principales
- alert(): presenta un popup con un mensaje
- back(): vuelve atrás en el histórico
- close(): cierra la ventana
- home(): vuelve a la página inicial del navegador
- forward(): a la siguiente url del histórico
- open(): abre una nueva ventana
- resizeTo(): redimensiona la pantalla
- setInterval(): define un script que se ejecute cada cierto tiempo
- setTimeout(): define un script para que se ejecute una vez pasado cierto tiempo
El objeto document
Propiedades principales
- body: representa el elemento body, etiqueta html.
- cookie: pares clave-valor de las cookies relacionadas con el documento
- forms: array de formularios del documento
- images: array de imágenes del documento
- links: enlaces del documento
- referer: url de la página de la que venimos
- title: título del documento
- URL: url completa del documento
Métodos principales
- addEventListener(): permite cambiar el comportamiento de ante un evento
- createAttribute(): crea un atributo de Elemento
- createElement(): crea un nuevo elemento-etiqueta
- createTextNode(): crea un nuevo nodo de texto
- getElementById(): busca un elemento por su id
- getElementsByTagName(): busca elementos por etiqueta
- write(): escribe dentro de body
- writeln(): escribe dentro de body una nueva línea
Eventos principales
- onload: cuando se termina de leer la página
- onunload: cuando salimos de una página
El Objeto forms
Propiedades principales
- length: número del elementos del formulario
- action: url donde enviaremos el formulario
- method: get o post según vayamos a enviar el formulario
- name: nombre del formulario
- encoding: codificación de envío del formulario
- submit(): envía el formulario
- reset(): reinicia los valores de los campos del formulario
- onsubmit(): función que realizará al enviar el formulario
- onreset(): función que limpiará los campos del formulario
Comments