Window en JavaScript
La palabra Window dentro de JavaScript se identifica como el objeto principal o con mayor predominante dentro de una pagina web, esto por su función en sus diferentes eventos, etiquetas, funciones, etc. Por ejemplo si queremos imprimir la palabra "Hola" seria de esta manera:
document.write("Hola");
pero también, se puede realizar de esta forma:
window.document.write("Hola");
La diferencia es que nos simplificamos la vida en anteponer window en estas acciones. Dentro de algunas acciones que puede ser utilizadas con este objeto son:
alert: Muestra un diálogo de alerta con un mensaje
(a esta responsabilidad la hemos utilizado desde los primeros temas)
prompt: Muestra un diálogo para la entrada de un valor de tipo string
(utilizado desde el primer momento)
confirm: Muestra un diálogo de confirmación con los botones Confirmar y Cancelar.
open y close: abre o cierra una ventana del navegador.
Podemos especificar el tamaño de la ventana, su contenido, etc.
[Variable=][window.]open(URL, nombre, propiedades)
Permite crear (y abrir) una nueva ventana. Si queremos tener acceso a ella
desde la ventana donde la creamos, deberemos asignarle una variable,
sino simplemente invocamos el método: el navegador automáticamente sabrá
que pertenece al objeto window.
El parámetro URL es una cadena que contendrá la dirección de la ventana
que estamos abriendo: si está en blanco, la ventana se abrirá con una página
en blanco.
Las propiedades son una lista, separada por comas, de algunos de los
siguientes elementos:
• toolbar[=yes|no]
• location[=yes|no]
• directories[=yes|no]
• status[=yes|no]
• menubar[=yes|no]
• scrollbars[=yes|no]
• resizable[=yes|no]
• width=pixels
• height=pixels
Ejercicio No.1
Confeccionar una página que permita abrir otra ventana cuando se presiona un botón. Dicha ventana debe tener como ancho 600 pixeles y alto 300 pixeles, y debe mostrar el menú y su barra de herramientas.
<html>
<head>
<title>Problema</title>
</head>
<body>
<script language="javascript">
function abrir()
{
var ventana;
ventana = open('','','toolbar=yes,location=no,directories=no,status=no,menubar=yes,scrollbars=no,resizable=no,width=300');
ventana.document.write('Segunda Ventana');
}
</script>
<form>
<input type="button" value="Abrir" OnClick="abrir()">
</form>
</body>
</html>
