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.
Las formas de ejecución de VBScript son las siguientes:
- Scripts que se ejecutan mientras que el navegador abre la página.
- Scripts que se ejecutan como respuesta a la acción de un usuario.
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.
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> |
Este ejemplo tiene cosas nuevas que habría que destacar:
- Se crea un botón con la etiqueta <INPUT>
- 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".
- Se le añade el atributo language para especificar el lenguaje en el que está escrito el código script asociado al evento.
Miguel Angel Alvarez
Fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Com...