Objeto window y derivados (III)
por Luciano Moreno, del departamento de Diseño Web de BJS Software.

El objeto document.-

El objeto document representa el documento activo, el que está cargado en la ventana, y como tal, dentro de él se encuentran los formularios, imágenes y demás elementos que forman la página web.

Como este objeto es hijo del objeto window, la forma general de acceso al m ismo es la siguiente:

window.document.propiedad

No obstante, no es necesario poner antes la referencia al objeto window, ya que el navegador considera la ruta completa con tan sólo hacer referencia al objeto document, por lo que podemos escribir:

document.propiedad

Propiedades del objeto document.-

* bgColor: configura el color de fondo del documento. Ejemplo:

  <script language="VBScript">
    Function MiBgcolor()
        window.document.bgcolor="blue"
    End Function
</script>
<form>
  <center><input type="button" value="pulsame" onClick="MiBgcolor()"></center>
</form>

que podéis ver en acción en esta ventana.

* fgColor: configura el color del texto del documento. Ejemplo:

<center><b>Este texto va a cambiar de color</b></center>
<script language="VBScript">
    Function MiFgcolor()
        window.document.fgcolor="blue"
    End Function
</script>
<form>
  <center><input type="button" value="pulsame" onClick="MiFgcolor()"></center>
</form>

que podéis ver en acción en esta ventana.

* linkColor : configura el color de los enlaces normales en el documento.

* alinkColor: configura el color de los enlaces activos en el documento.

* vlinkColor: configura el color de los enlaces visitados en el documento.

Ejemplo:

<script language="VBScript">
    window.document.linkColor="green"
    window.document.alinkColor="red"
    window.document.vlinkColor="#330099"
  </script>
  <center>
    <a href="#">enlace 1</a><br>
    <a href="#">enlace 2</a><br>
    <a href="#">enlace 3</a><br>
    <a href="#">enlace 4</a><br> 
  </center>

que podéis ver en acción en esta ventana.

* title: contiene el título del documento, que será el mostrado en la barra superior de título del navegador. Como ejemplo, vamos a cambiar este título en una página:

<script language="VBScript">
  Function MiTitulo()
    window.document.title="Este es el titulo cambiado"
  End Function
</script>
<form>
  <center><input type="button" value="pulsame" onClick="MiTitulo()"></center>
</form>

que podéis ver en acción en esta ventana.

* lastModified : contiene la fecha de la última actualización de la página. Ejemplo:

<script language="VBScript">
  Function MiModificacion()
    MsgBox("Ultima modificacion: " & window.document.lastModified)
  End Function
</script>
<form>
  <center><input type="button" value="pulsame" onClick="MiModificacion()"></center>
</form>

que podéis ver en acción pulsando el siguiente botón:

* location: contiene la URL del documento actual. Ejemplo:

<script language="VBScript">
  Function MiLocation()
    MsgBox("URL de este documento: " & window.document.location)
  End Function
</script>
<form>
  <center><input type="button" value="pulsame" onClick="MiLocation()"></center>
</form>
</body>

que podéis ver en acción pulsando el siguiente botón:

Métodos del objeto document.-

El onjeto document posée dos métodos propios muy parecidos:

* Write ( cadena ): recibe como argumento una cadena, variable que la contenga o expresión de cadena válida, escribiendo dicha cadena en la ventana del navegador. Hay que tener cuidado con el uso de este método, ya que si se le llama despues de haber cargado la página escribe la cadena argumento, pero elimina el contenido anterior del documento, por lo que sólo queda despues de la ejecución esta cadena. Es útil para escribir variables de cadena al ir cargándose la página (por ejemplo, definir un fichero de estilos concreto según el navegador usado) y para escribir dentro de capas.

Ejemplo:

<script language="VBScript">
    Function MiWrite()
        document.Write("Ejemplo del metodo Write")
    End Function
</script>
<form>
  <input type="button" value="pulsame" onClick="MiWrite()">
</form>

que podemos ver en acción en esta ventana.

Como véis, tras ejecutar el método el documento pierde todo su contenido, incluyendo el color de fondo. Pero si en vez de llamar al método desde una función lo llamamos directamente al cargar la página esto no pasa. Ejemplo:

Bienvenidos a HTMLWeb<br><br>
<script language="VBScript">
        document.Write("Ejemplo del metodo Write")
</script>

que podemos ver en acción en esta ventana.

* Writeln( cadena ): recibe como argumento una cadena, variable que la contenga o expresión de cadena válida, escribiendo dicha cadena en la ventana del navegador en una nueva línea. Es decir, realiza un salto de carro antes de escribir la cadena. Iguales limitaciones que en el caso del método anterior.

Eventos del objeto document.-

El objeto document no posée eventos propios por defecto.

Continuará....