You are here
Métodos de Windows en JavaScript Sin categoría 

Métodos de Windows en JavaScript

Métodos de Windows 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.

 

PROPIEDADES DEL OBJETO DOCUMENT

 

alinkColor

 

Color de los enlaces activos

 

Anchor

 

Un     ancla     de     la     página.     Se     consigue     con     la     etiqueta     <A

name=”nombre_del_ancla”>. Se accede por su nombre.

 

 

anchors array

 

Un array de las anclas del documento.

 

Applet

 

Un applet de la página. Se accede por su nombre. (Javascript 1.1)

 

applets array Un array con todos los applets de la página. (Javascript 1.1)

 

Area

 

Una etiqueta <AREA>, de las que están vinculadas a los mapas de imágenes (Etiqueta ). Se accede por su nombre.(Javascript 1.1)

 

bgColor

 

El color de fondo del documento.

 

classes

 

Las clases definidas en la declaración de estilos CSS. (Javascript 1.2)

 

cookie

 

Una cookie

 

domain

 

Nombre del dominio del servidor de la página.

 

Embed

 

Un elemento de la pagina incrustado con la etiqueta <EMBED>. Se accede por su nombre. (Javascript 1.1)

 

embeds array

 

Todos los elementos de la página incrustados con <EMBED>. (Javascript 1.1)

 

fgColor

 

El color del texto. Para ver los cambios hay que reescribir la página.

 

From

 

Un formulario de la página. Se accede por su nombre.

 

forms array

 

Un array con todos los formularios de la página.

 

ids

 

Para acceder a estilos CSS. (Javascript 1.2)

 

Image

 

 

images array

 

Cada una de las imágenes de la página introducidas en un array. (Javascript 1.1)

 

lastModified

 

La fecha de última modificación del documento.

 

linkColor

 

El color de los enlaces.

 

Link

 

Un enlace de los de la página. Se accede por su nombre.

 

links array

 

Un array con cada uno de los enlaces de la página.

 

location

 

La URL del documento que se está visualizando. Es de solo lectura.

 

referrer

 

La página de la que viene el usuario.

 

tags

 

Estilos definidos a las etiquetas de HTML en la página web. (Javascript 1.2)

 

title

 

El titulo de la página.

 

URL

 

Lo mismo que location, pero es aconsejable utilizar location ya que URL no existe en todos los navegadores.

 

vlinkColor

 

El color de los enlaces visitados.


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

Comments

Leave a Comment


*