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