Crea tu web, tutor html, css

Los scripts

¿Qué es un script?

Un script es un programa insertado dentro del documento html y que es interpretado y ejecutado por el navegador del usuario. Por tanto estos programas se ejecutan en el ordenador del usuario bien sea directamente (al leer la página) o cuando se produce un suceso determinado (eventos), como puede ser el pulsar sobre un enlace o mover el ratón o cargar una imagen o modificar el tamaño de la ventana del navegador.

Estos scripts permiten crear páginas dinámicas: modificar el comportamiento normal del navegador, validar formularios, realizar pequeños efectos visuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuario y no en el servidor donde las páginas estén alojadas, por lo que no podrán realizar cosas como manejar bases de datos. Esto hace que aplicaciones como contadores o buscadroes (por ejemplo) se deban realizar de otra manera, utilizando los llamdos programas CGI (escritos en lenguajes como Perl o PHP).

El primer lenguaje usado para crear scripts fue el JavaScript de Netscape. Nacido con la versión 2.0 de este navegador y basado lejanamente en la sintaxis de Java, su utilidad y el casi absoluto monopolio que entonces ejercía Netscape en el mercado de navegadores permitieron que se popularizara y extendiera su uso.

Internet Explorer de Microsoft, comenzó a soportar este lenguaje en su versión 3.0, pero al mismo tiempo introdujo otro lenguaje con las mismas funciones: el VBScript, una derivación de BASIC. Pero este intento no llegó muy lejos, y el VBScript ha quedado para otras aplicaciones de Microsoft, como Access o Word.

Los scripts permiten que una página se más dinámica y se pueda adaptar al dispositivo desde donde se acceda a la página

Javascript

Aunque este curso está enfocado a aprender html, vamos a detenernos un poco para mostrar la utilidad de los lenguajes de script. Para ello vamos a realizar una pequeña introducción al Javascript. Si te sientes interesado, visita Javascript Desde Cero donde ecnontrarás bastante material para iniciarte en este lenguaje.

Vamos a realizar nuestro primer "programa" en JavaScript. Haremos surgir una ventana que nos muestre el tradicional mensaje "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.

holamundo.html
<html> <head> <script languqge="JavaScript"> <!--- function Saludo() { alert("¡Hola, mundo!"); } // ---> </script> </head> <body> <form> <input type="button" name="Boton" value="Pulsame" onClick="Saludo()"> </form> </body> </html>

Y aquí está nuestro ejemplo funcionando:

Ahora vamos a ver, paso por paso, que significa cada uno de los elementos extraños que tiene la página anterior:

<script language="JavaScript"> </script>

Esta etiqueta encierra el programa escrito en JavaScript, el código del programa. Puedes poner cuantos quieras a lo largo del documento y en el lugar que consideres necesario. Si un navegador no entiende la etiqueta <script> escribirá lo que hay entre medias de estos elementos, así que lo encerramos entre comentarios por si las moscas.

function Saludo(){    alert("¡Hola, mundo!"); }

Esta es nuestra primera función en JavaScript. En el código de la misma vemos que pone alert (es un método o acción que puede ejecutar el navegador donde se vea tu página web. Concretamente este método muestra un mensaje en la pantalla, ¿qué mensaje? el que tu le digas, en este caso Hola Mundo.

<form> <input type="button" name="Boton" value="Pulsame" onClick="Saludo()"> </form>

Dentro del elemento botón vemos una cosa nueva: onClick. Se llama evento y funciona como una marca que le dice al navegador que haga algo cuando se haga click con el ratón. Cuando el usuario pulsa el botón, el evento onClick se pone en marcha y ejecuta el código que tenga entre comillas, en este caso la llamada a la función Saludo(), que tendremos que haber definido con anterioridad. Y al ejecutarse Saludo() mostrará en pantalla el mensaje.

Este ejemplo es una pequeñísima muestra de como funcionan los scripts en JavaScript. De hecho, su utilidad es más bien escasa, por eso te recomiendo de nuevo que eches un vistazo a Javascript Desde Cero.

Javascript es el lenguaje estandrad para los scripts que se incluyen en las páginas web. Es buena idea aprender a manejarse con este lenguaje de programación.