El objeto document se construye a partir de la marca BODY de HTML. Sobre él pueden actuar los eventos: onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseUp.
Resumen de propiedades del objeto document
| Arrays de elementos contenidos en el documento actual | |
| plugins | array de plugins del documento |
| layers | array que contiene las capas del documento |
| images | array que contiene las imágenes cargadas en el documento |
| applets | array que contiene los applets del documento |
| links | array que contiene los enlaces del documento |
| forms | array que contiene los formularios definidos en el documento |
| anchors | array que contiene los puntos de anclaje (anchors) del documento |
–
| Propiedades del documento (elemento BODY) | |
| bgColor | Color de fondo del documento (atributo BGCOLOR de HTML) |
| linkColor | Color de los enlaces (atributo LINK de HTML) |
| alinkColor | Color de los enlaces activos (atributo ALINK de HTML) |
| vlinkColor | Color de los enlaces visitados (atributo VLINK de HTML) |
| fgColor | Color por defecto del texto (atributo TEXT de HTML) |
| lastModified | Fecha en la que fue modificado el documento por última vez |
| domain | Nombre del servidor web del que procede el documento |
| title | Título del documento (contenido de la marca TITLE de HTML) |
| URL | URL completa del documento actual |
| referrer | URL del documento a través del cual se cargó el documento actual |
–
Resumen de métodos del objeto document
| Métodos | |
| close | Cierra una corriente de datos abierta por el método open y hace que se muestren todos los elementos |
| getSelection | Devuelve una cadena con el texto seleccionado por el usuario |
| handleEvent | Llama a la función encargada de manejar un determinado evento |
| open | Abre una corriente de datos para escribir en el documento (normalmente con los métodos write o writeln) |
| write | Escribe texto a la corriente de datos del documento |
| writeln | Igual que write pero finaliza el texto con un retorno de carro |
Ejemplos:
1.- El siguiente ejemplo abre una nueva corriente de datos en un documento y escribe en ella:
function corriente ( )
{
// abre una corriente de datos
document.open();
// envía datos a la corriente
document.write («La corriente está abierta»);
// cierra la corriente de datos y visualiza los elementos
document.close();
}
…
// cuando se pulsa el botón, el documento actual se sustituye
// por los datos que se envían a la corriente de datos
<input type=»button» name=»Button» value=»Button» onClick=»corriente();»>
2.- El texto escrito por el método write durante la carga de una página será considerado como una expresión HTML y añadido tanto a la pantalla del navegador como a la estructura de objetos:
<html>
<body>
<script language=»javascript’>
document.write («<h1> Titulo </h1»>;
document.write («<p> Esto es un párrafo </p>»);
…
</script>
</body>
</html>
3.- El siguiente código muestra el nombre (si lo tienen) de todas las imágenes cargadas en el documento:
function imagenes ()
{
// se almacenan los nombres de las imágenes
// antes de abrir una nueva corriente de datos
var imagenes = new Array;
for (a=0; a<document.images.length; a++)
{
imagenes[a]= document.images[a].name;
}
// abre una corriente
document.open();
for (a=0;a<imagenes.length;a++)
{
// muestra el nombre y el índice de cada imagen
document.write (imagenes[a]+» »+a+»<br>»);
}
document.close();
}
–
Artículo (C) Epsilon Eridani.