Objeto Window


En JavaScript, se puede hacer referencia a la ventana como una instancia del objeto Window. En otras palabras, la ventana en la que se despliega el documento, puede verse como una entidad de programación.
Cuando mandamos llamar el método alert();, en realidad estamos utilizando un método propietario del objeto Window.

Otros métodos importantes de window, son: confirm(), prompt, scroll(), blur(), etc..
También tiene algunos handlers (manejadores) importantes: onblur(), onerror(), onfocus(), onLoad(), onUnload(). Estos se definen como un atributo de BODY o de FRAMESET.

Pero ahora no nos vamos a concentrar en los handlers (ya ustedes podrán jugar con ellos más tarde).. Hablemos del método confirm(). Podemos suponer que cuando se manda llamar a confirm(), estamos mandando llamar una función cualquiera. A diferencia de alert(); confirm() regresa un valor booleano (true|false). Veamos este ejemplo sencillo:

<FORM>
<INPUT type=button value=probar onclick=alert(confirm("Question"));>
</FORM>

Dependiendo de la opción seleccionada (Ok-Aceptar|Cancel-Cancelar), regresará un valor booleano (true|false, respectivamente).

Otro método de Window interesante, es blur() y su contraparte focus().. Estos "llaman la atención" del usuario. En Windows, se puede decir que lo que sucede es que la ventana se des-selecciona o se selecciona (respectivamente). El siguiente ejemplo utiliza a blur().

<FORM>
<INPUT type=button value=blur onclick=window.blur();>
</FORM>

Se habrán dado cuenta que cuando se hace click en el botón, la ventana se des-selecciona; o se "va para el fondo".. A esto se le llama "perder el foco". Es mas claro aún cuando tienen otras ventanas abiertas.
El siguiente ejemplo de esta sección es el uso de scroll(). Este método, mueve la barra de desplazamiento (scroll bar) hasta la posición que le digamos. Su sintaxis es scroll(x_pos, y_pos); ... donde x_pos y y_pos son coordenadas a partir de la esquina superior izquierda de la página. Por ejemplo, para irse al principio de la página, utilizaríamos:

<FORM>
<INPUT type=button value=Home onclick=window.scroll(0,0);>
</FORM>
Las coordenadas 0,0 nos llevaron al inicio de la página. Por último, veremos el método open(); de window. Este método, como su nombre nos dice, nos permite abrir una ventana, ya sea una existente o una nueva. Su sintaxis es:

window.open(url, nombre_ventana, atributos_adicionales);

Veamos un ejemplo:

<FORM>
<INPUT type=button value=Open onclick=window.open("onload.html","_blank",resizable=false);>
</FORM>
Podrán notar como en la ventana que se abrió, no se puede cambiar el tamaņo de la ventana (resizable=false). La siguiente lección es cómo hacer funciones en JavaScript.

Regresar

El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/JavaScript/window.html (Se abre en toda la ventana).
<A href=../izq.html>&Iacute;ndice</A>