Distintas formas de ejecutar scripts

  • Por
Vamos a aprender ahora cuáles son las maneras de ejecutar scripts 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:
  • 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 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.

Pincha aquí para ver el ejemplo

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.

Pincha aquí para ver el ejemplo

Autor

Miguel Angel Álvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Andres

19/6/2004
Esta muy bueno pero falta mas explicacion como por ejemplo los textbox, fuciones etc.......

Andrez

16/8/2009
Malo
No me sirvio ... no es un ejemplo independiente de la plataforma ...

Juan jose

17/9/2009
error en firefox
Con internet explorer no tengo problemas con los ejemplos pero si utilizo el mozilla firefox salen solamente los titulos y lo demas no sale, porque puede sr?

marilin

26/12/2011
script
como puedo eliminar un scrip de ejecucion que aparece en mi facebook y no me deja navegar

Patito

21/12/2013
Muy bien
Hola, muchas gracias por su explicación, la verdad que me ha servido mucho, estos días he tratado de aprender a usar esta herramienta y aplicarla con HTML y Genexus, y la verdad que cada vez tenia un nudo mas en mi cabeza. Pero gracias a su explicación estoy logrando entender mas. =D