Window

El objeto window representa la ventana que contiene un documento DOM.

Esta sección proporciona una pequeña referencia a todos las propiedades, métodos y eventos disponibles del objeto window. El objeto window implementa la interfaz Window, que a su vez hereda de la interfaz AbstractView. Algunas funciones como: globales adicionales, espacios de nombres, interfaces y constructores no típicamente asociados con el objeto window pero disponibles en éste.

• Propiedades
• Métodos
• Eventos
• Constructores
• Ejemplos

1. Propiedades

La propiedad window.document apunta al DOM cargado en esa ventana. El objeto window al que pertenece un documento puede ser obtenido usando la propiedad window.document.defaultView.

No existe un estándar público que se aplique al objeto Window, pero todos los principales navegadores lo admiten.

2. Métodos

En un navegador con pestañas (como todos actualmente) cada pestaña contiene su propio objeto window, es decir no se comparte entre diferentes pestañas de la misma ventana del navegador. Algunos métodos, como window.resizeTo y window.resizeBy se aplican sobre toda la ventana del navegador y no sobre una pestaña específica a la que pertenece el objeto window. Generalmente, cualquier cosa que razonablemente no pueda pertenecer a una pestaña, pertenece a la ventana.

4. Constructores

4. Objetos

4.1 window.screen

Este objeto contiene información sobre la pantalla de usuario.

4.2 window.location

Se puede usar para obtener la dirección de la página actual (URL) y redirigir el navegador a una nueva página.

window.location.propiedad;
location.propiedad;

<button onClick="window.location.assign('js110a.htm')">Ejemplo</button>

Ejemplo

4.3 window.history

Este objeto tiene el historial del navegador.

window.history.método;
history.método;

<button onClick="window.history.back()">Ejemplo</button>

Ejemplo

4.4 window.navigator

Este objeto contiene información sobre el navegador del visitante.

window.navigator.propiedad;
navigator.propiedad;

4.5 window.alert()

A menudo se usa un cuadro de confirmación si desea que el usuario verifique o acepte algo. Cuando aparece un cuadro de confirmación, el usuario tendrá que hacer clic en "Aceptar" o "Cancelar" para continuar. Si el usuario hace clic en "Aceptar", el cuadro devuelve verdadero. Si el usuario hace clic en "Cancelar", el cuadro devuelve falso.

window.alert('texto');
alert('texto');

<Script>
   if (confirm('Presiona un boton')){
      txt = 'Presionaste aceptar';
   }else{
      txt = 'resionaste cancelar';
   }
</Script>

Presiona aqui

4.6 window.prompt()

A menudo se usa un cuadro de aviso si desea que el usuario ingrese un valor antes de ingresar a una página. Cuando aparece un cuadro emergente, el usuario tendrá que hacer clic en "Aceptar" o "Cancelar" para continuar después de ingresar un valor de entrada. Si el usuario hace clic en "Aceptar", el cuadro devuelve el valor de entrada. Si el usuario hace clic en "Cancelar", el cuadro devuelve nulo.

window.prompt('texto');
prompt('texto');

<Script>
   var persona = prompt('Por favor ingresa tu nombre','Harry Potter');
   if (persona == null || persona == '')){
      txt = 'Usuario no quizo responder.';
   }else{
      txt = 'Hola ' + persona + '\ncomo estas hoy ?';
   }
</Script>

4.7 window.setTimeout() y setInterval()

Se llaman objetos de sincronizacion porque permiten ejecutar código a intervalos predefinidos.

window.setTimeout(funcion,milisegundos);
window.setInterval(funcion,milisegundos);
window.clearTimeout(variable);
window.clearInterval(variable);

setTimeout()

Ejecuta una función, después de esperar un número específico de milisegundos.

setInterval()

Igual que setTimeout (), pero repite la ejecución de la función continuamente.

clearTimeout()

Método() que detiene la ejecución de la función especificada setTimeout().

clearInterval()

Método que detiene las ejecuciones de la función especificada setInterval().

En este ejemplo tardamos 3 segundos en levantar una ventana emergente.

<button onclick="setTimeout(tarda, 3000);">Ejemplo</button>
<Script>
   funtion tarda(){
      alert('Hola...');
   }
</Script>

Ejemplo

En este ejemplo mostramos un reloj que podemos parar (solo funciona una vez).

<span id=demo></span> <button onclick="clearInterval(reloj)">Parar</button>
<Script>
   var reloj = setInterval(muestra,1000);
   funtion muestra(){
      var r = new Date();
      document.getElementById('demo').innerHTML = r.toLocaleTimeString();
   }
</Script>

Parar

4.8 window.console

El objeto Consola proporciona acceso a la consola de depuración del navegador.

5. Ejemplos

5.1 Ejemplo 1

Solo se puede cerrar una ventana que fue abierta desde JavaScrip. A continuación hay dos botones una de abrir (funciona) y otro de abrir que no funcionara en esta pagina pero si en la pagina abierta con el botón

Para que siempre funcione un boton con close() una cosa que puedes hacer es abrir e inmediatamnente volver a cerarar. Ver codigo.

<button onClick="window.open('','_self').close();">Descartar</button>

Recarga

Descartar