You are here
MÉTODOS DE WINDOW EN JAVASCRIPT Sin categoría 

MÉTODOS DE WINDOW EN JAVASCRIPT

MÉTODOS DE WINDOW EN JAVASCRIPT

 

El objeto window de Javascript tiene a disposición de los programadores una larga lista de métodos.

 

alert(texto)

Presenta una ventana de alerta donde se puede leer el texto que recibe por parámetro

 

back()

 

Ir una página atrás en el historial de páginas visitadas. Funciona como el botón

 

de volver de la barra de herramientas. (Javascript 1.2)

 

blur()

Quitar el foco de la ventana actual. (Javascript 1.1)

 

captureEvents(eventos)

Captura los eventos que se indiquen por parámetro (Javascript 1.2).

 

clearInterval()

Elimina la ejecución de sentencias asociadas a un intervalo indicadas con el

método setInterval().(Javascript 1.2)

 

 

 

 

clearTimeout()

Elimina la ejecución de sentencias asociadas a un tiempo de espera indicadas

con el método setTimeout().

 

close()            Cierra la ventana. (Javascript 1.1)

confirm(texto)

Muestra una ventana de confirmación y permite aceptar o rechazar.

 

find()

Muestra una ventanita de búsqueda. (Javascript 1.2 para Netscape)

 

focus()

Coloca el foco de la aplicación en la ventana. (Javascript 1.1)

 

forward()

Ir una página adelante en el historial de páginas visitadas. Como si pulsásemos

el botón de adelante del navegador.(Javascript 1.2)

 

home()

Ir a la página de inicio que haya configurada en el explorador. (Javascript 1.2)

 

moveBy(pixelsX, pixelsY)

Mueve la ventana del navegador los pixels que se indican por parámetro hacia la

derecha y abajo. (Javascript 1.2)

 

moveTo(pixelsX, pixelsY)

Mueve la ventana del navegador a la posición indicada en las coordenadas que

recibe por parámetro. (Javascript 1.2)

 

open()

Abre una ventana secundaria del navegador.

 

print()

 

Como si pulsásemos el botón de imprimir del navegador. (Javascript 1.2)

 

prompt(pregunta,inicializacion_de_la_respuesta)

Muestra una caja de diálogo para pedir un dato. Devuelve el dato que se ha escrito.

 

releaseEvents(eventos)

Deja de capturar eventos del tipo que se indique por parámetro. (Javascript 1.2)

 

resizeBy(pixelsAncho,pixelsAlto)

Redimensiona el tamaño de la ventana, añadiendo a su tamaño actual los valores

indicados en los parámetros. El primero para la altura y el segundo para la anchura. Admite valores negativos si se desea reducir la ventana. (Javascript 1.2)

 

resizeTo(pixelsAncho,pixelsAlto)

 

 

Redimensiona la ventana del navegador para que ocupe el espacio en pixels que se indica por parámetro (Javascript 1.2)

 

routeEvent()

Enruta un evento por la jerarquía de eventos. (Javascript 1.2)

 

scroll(pixelsX,pixelsY)

Hace un scroll de la ventana hacia la coordenada indicada por parámetro. Este

método está desaconsejado, pues ahora se debería utilizar scrollTo()(Javascript 1.1)

 

scrollBy(pixelsX,pixelsY)

Hace un scroll del contenido de la ventana relativo a la posición actual. (Javascript 1.2)

 

scrollTo(pixelsX,pixelsY)

Hace un scroll de la ventana a la posición indicada por el  parámetro. Este

método se tiene que utilizar en lugar de scroll. (Javascript 1.2)

 

setInterval()

Define un script para que sea ejecutado indefinidamente en cada intervalo de

tiempo. (Javascript 1.2)

 

setTimeout(sentencia,milisegundos)

Define un script para que sea ejecutado una vez después de un tiempo de espera

determinado.

 

stop()

Como pulsar el botón de stop de la ventana del navegador. (Javascript 1.2)

 

EJEMPLOS DE MÉTODOS DE WINDOW

 

Otros ejemplos de métodos del objeto window de Javascript, relatados con detalle.

 

Caja de alerta

 

Para sacar un texto en una ventanita con un botón de aceptar. Recibe el texto por parámetro.

 

window.alert(“Este es el texto que sale”)

 

Como el objeto window se sobreentiende podemos escribirlo así. alert(“Este es el texto que sale”)

Caja de confirmación

Muestra una ventana con un texto indicado por parámetro y un botón de aceptar y

otro de rechazar. Dependiendo del botón que se pulsa devuelve un true (si se pulsa aceptar) o un false (si se pulsa rechazar).

 

<script>

var respuesta = confirm(“Aceptame o rechazame”)

alert (“Has pulsado: ” + respuesta)

</script>

 

 

 

 

Este script muestra una caja de diálogo confirm y luego muestra en otra caja de diálogo alert el contenido de la variable que devolvió la caja de diálogo.

 

 

 

 

 

Caja de introducción de un dato

 

Muestra una caja de diálogo donde se formula una pregunta y hay un campo de texto para escribir una respuesta. El campo de texto aparece relleno con lo que se escriba en el segundo parámetro del método. También hay un botón de aceptar y otro de cancelar. En caso de pulsar aceptar, el método devuelve el texto que se haya escrito. Si se pulsó cancelar devuelve null.

 

El ejemplo siguiente sirve para pedir el nombre de la persona que está visitando la página y luego mostrar en la página un saludo personalizado. Utiliza un bucle para repetir la toma de datos siempre que el nombre de la persona sea null (porque pulsó el botón de cancelar) o sea un string vacío (porque no escribió nada).

 

<script>

nombre = null

while (nombre == null || nombre == “”){

nombre = prompt(“Dime tu nombre:”,””)

}

document.write(“<h1>Hola ” + nombre + “</h1>”)

</script>

 

 

Si nos fijamos en la caja prompt veremos que recibe dos parámetros. El segundo era el texto por defecto que sale en la caja como respuesta.

Objeto document en Javascript

 

Una descripción del objeto de Javascript que sirve para controlar el domumento que se visualiza en el navegador. También hay una lista de todas sus propiedades.

 

Con el objeto document se controla la página web y todos los elementos que contiene. El objeto document es la página actual que se está visualizando en ese momento. Depende del objeto window, pero también puede depender del objet frame en caso de que la página se esté mostrando en un frame.


Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Related posts