You are here
Javascript: Métodos de Windows Sin categoría 

Javascript: Métodos de Windows

Javascript: Métodos de Windows

 

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