> Manuales > Tutorial de Visual Basic Script

Vamos a aprender ahora cuáles son las maneras de ejecutar scripts Visual Basic Script en las páginas y los casos en los que tienes que utilizar cada una de ellas.

Ahora que ya sabes cómo incluir scripts en tus páginas y unos cuantos fundamentos del lenguaje, vamos a ver los dos casos en los que Internet Explorer puede ejecutar tus scripts, de paso que le damos un primer vistazo a el concepto de evento.

Las formas de ejecución de VBScript son las siguientes: El primero de los casos se utiliza cuando quieres hacer algo cuando el navegador carga la página. Por ejemplo, podrías mostrar un mensaje de bienvenida que aparezca cuando el usuario entra en tu página, o que el navegador te informe de la última actualización del documento (Tal como se vió en el capitulo 1).

El segundo caso es útil cuando deseas realizar acciones como respuesta a eventos del usuario.

Los eventos son acciones que ocurren cuando un usuario hace alguna cosa sobre la página web, es decir, un evento podría ser que el usuario escriba algo en una caja de texto, o que se coloque con el ratón encima de un enlace, y así un montón de cosas. Casi cualquier cosa que puede realizar el usuario dentro de la página tiene un evento relacionado.

Utilizando los eventos podemos preparar algún efecto que sea solo visible cuando el usuario realice alguna acción dentro de la página web.

Ejemplo de todo esto

Veamos ahora un ejemplo para acabar de comprender las dos formas de ejecución de los scripts

Vamos hacer que el navegador nos diga su número de versión y otros datos en un cuadro de diálogo. Lo vamos a hacer de las dos maneras, según se carga la página y cuando el usuario aprete un botón.

Ejemplo de ejecución al cargar la página
Comencemos por la ejecución de scripts cuando el usuario carga la página. Esta es la forma más sencilla, y realmente ya conoces varios ejemplos de esto que viste en los anteriores capítulos.
<html>
<head>
   <title>Escript de ejecución directa</title>
</head>
<body>
    Según se carga la página vamos a ver
    la versión del navegado en una caja de diálogo.
    <script language=vbscript>
        msgbox(navigator.appVersion)
    </script>
</body>
</html>

Este ejemplo no tiene ningún misterio, pues es muy parecido a los ejemplos que hemos realizado. la única novedad es la variable navigator.appVersion. Esta almacena lo que queremos que se vea en la caja de diálogo: la versión del navegador.

Ejemplo de ejecución como respuesta a la acción del usuario
Ahora veamos lo que hay que hacer cuando deseamos que esta caja de diálogo no aparezca hasta que el usuario pulse en un botón.

<html>
<head>
     <title>Script de ejecución como respuesta a un evento</title>
</head>
<body>
  Pulse el botón para ver la versión del navegador
  <input type=button value=Pulsame onclick="msgbox(navigator.appVersion)" language="vbscript">
</body>
</html>


Este ejemplo tiene cosas nuevas que habría que destacar:
  1. Se crea un botón con la etiqueta <INPUT>
  2. Se le añade el atributo onclick. Este sirve para indicar (en lenguaje de script) las acciones que queremos realizar como respuesta al evento "click sobre el botón".
  3. Se le añade el atributo language para especificar el lenguaje en el que está escrito el código script asociado al evento.
Ahora tenemos un botón que, cuando se pulse, ejecutará el código que despliega una caja de diálogo con la versión del navegador.

Miguel Angel Alvarez

Fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Com...

Manual