Javascript / window

Bienvenidos sean a este post, hoy hablaremos sobre el primer objeto del grupo de objetos del navegador, este objeto en particular es el mas alto de la jerarquia y si bien como dijimos en el post anterior en general no se menciona cuando usemos objetos para acceder a un determinado elemento de nuestra pagina si es util para otro tipo de eventos, como por ejemplo abrir una ventana nueva, hoy veremos algunas de sus propiedades y metodos disponibles:

Propiedades

• closed, informa si la ventana esta cerrada o no su valor es de tipo booleano
• defaultStatus, contiene el mensaje por defecto de la barra de estado
• frames, es un Array que contiene a todos los frames de nuestro objeto window actual
• history, es un Array que almacena las direcciones URL de nuestro objeto window actual
• length, indica el numero de frames del objeto window y es de tipo entero
• name, contiene el nombre del objeto window o del frame actual
• opener, contiene la referencia al objeto window que abrio a nuestro objeto window actual
• parent, se guarda la referencia al objeto window que contiene el frameset
• self, alias para nuestro objeto window actual
• status, setea el valor que se mostrara en la barra de estado
• top, alias para el objeto window de nivel mas superior
• window, otro alias para nuestro objeto window actual

Metodos

• alert(mensaje), muestra el mensaje en una cuadro de dialogo
• blur(), saca de foco a la ventana actual
• clearInterval(id), elimina el intervalo referenciado por id
• clearTimeout(nombre), cancela el intervaloinformado en nombre
• close(), cierra la ventana actual
• confirm(mensaje), muestra un cuadro de dialogo con la opcion de Aceptar y Cancelar y muestra el mensaje informado
• eval(), evalua la cadena como una sentencia en referencia a la ventana actual
• focus(), toma foco en la ventana actual
• moveBy(x,y), mueve la ventana actual al numero pixels especificados en x e y
• moveTo(x,y), mueve la ventana actual a las coordenadas especificadas en x e y
• prompt(mensaje, [respuesta]), es un cuadro de dialogo que permite al usuario ingresar un texto y almacenarlo en una variable, mensaje es el mensaje del cuadro y respuesta es el texto por defecto aunque es opcional
• resizeBy(x,y), ajusta el tamaño de la ventana actual la cantidad de pixels informados en x e y
• resizeTo(ancho,alto), ajusta el tamaño de la ventana actual en base a los valores informados en ancho y alto
• scroll(x,y), desplaza a la ventana actual a las coordenadas x e y
• scrollBy(x,y), desplaza a la ventana actual a los pixels informados en x e y
• scrollTo(x,y), es identico a scroll()
• setInterval(funcion, tiempo), ejecuta la funcion especificada cada vez que es alcanzado el tiempo informado
• setTimeout(funcion, tiempo), ejecuta la funcion especificada una vez transcurrido el tiempo informado
• toString(), devuelve una cadena que representa a la ventana actual
• valueOf(), convierte el objeto a su tipo primitivo
• open(url, nombre, caracteristica), abre una ventana nueva la url especificada, nombre especifica el nombre de la ventana y caracteristica es una serie de modificadores que veremos a continuacion.

Los modificadores para caracteristica en el metodo open son los siguientes:

• toolbar = [yes,no,1,0], indica si tiene la barra de herramientas o no
• location = [yes,no,1,0], indica si tiene la barra de localizacion o no
• directories = [yes,no,1,0], indica si debe tener los botones de direccion o no
• status = [yes,no,1,0], indica si debe tener la barra de estado o no
• menubar = [yes,no,1,0], indica si debe tener la barra de menu o no
• scrollbars = [yes,no,1,0], indica si debe tener la barra de desplazamiento o no
• resizable = [yes,no,1,0], indica si se puede modificar su tamaño o no
• width = px, indica el ancho de la ventana en pixels (px)
• height = px, indica el alto de la ventana en pixels (px)
• outerWidth = px, indica el ancho total de la ventana en pixels
• outerHeight = px, indica el alto total de la ventana en pixels
• left = px, indica la distancia en pixels de la ventana con el lado izquierdo de la pantalla
• top = px, indica la distancia en pixels de la ventana con el lado superior de la pantalla
• alwaysRaised = [yes,no,1,0], indica si la pantalla debera estar al frente de todas
• z-lock = [yes,no,1,0], indica si debe bloquear o no la ventana en su z-order actual

Como pueden observar en los modificadores nos permiten crear ventanas emergentes o los famosos pop-ups con los parametros que nosotros querramos, la mayoria funciona correctamente salvo resizable que fue desactivado, en el caso de las propiedades de este objeto nos permitiran obtener informacion para poder trabajar con nuestras ventanas, en los metodos podremos modificar su conducta y nos permitira una mejor interaccion con el usuario.

En resumen, este el objeto window, hemos visto sus propiedades, sus metodos, las caracteristicas del metodo open(), espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.