En este artículo inicial veremos una breve
introducción a JavaScript, definir variables y la sentencia alert().
Para empezar, diremos que JavaScript es un
lenguaje de programación que se utiliza para crear páginas web dinámicas, es
decir, aquella que incorpora efectos tales como textos que aparecen y
desaparecen, animaciones, acciones al pulsar botones, etc.
Al ser JavaScript un lenguaje de programación
interpretado, no es necesario compilar los programas para ejecutarlos.
A la hora de incluir JavaScript en un
documento XHTML, el código se encerrará entre etiquetas <script> y pese a
poder ubicarlas en cualquier parte del documento, lo recomendado es añadirlas
en la cabecera (dentro de la etiqueta <head>). Un ejemplo sería:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>El primer script</title>
<script
type="text/javascript">
alert("Hola Mundo!");
</script>
</head>
<body>
</body>
</html>
Aún así, se puede crear un documento aparte
(de extensión js), al que luego llamaremos desde el documento XHTML, quedando
una programación más clara y definida.
En el caso del ejemplo anterior, en la
etiqueta <script> cambiamos type por src y el nombre y dirección del
archivo (en este caso se halla en la misma carpeta local y de ahí que sólo
aparezca el nombre del archivo).
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>El primer script</title>
<script src="primerScript.js"></script>
</head>
<body>
</body>
</html>
Por otro lado, existe un fichero nombrado como primerScript.js con sus
sentencias.
alert("Hola
Mundo!");
Ahora
hablaremos de declarar o definir variables, algo que no nos ocupará muchas
líneas. Para declarar una variable, simplemente indicamos previamente la
palabra var seguida del nombre que queramos indicar a esta variable, ejemplo,
var numero, var auxiliar, etc.
Si
además de declararla, deseamos inicializarla, añadimos su valor, por ejemplo:
var
numero = 5;
var
cadena = “hola”;
En el caso de una cadena de texto, se pueden
encerrar entre comillas simples o dobles.
Y para finalizar este artículo, hablaremos de
la sentencia alert(). Sentencias son instrucciones que forman un script, en el
caso de la sentencia alert, nos muestra por pantalla un mensaje con la información
que nosotros indicamos, por ejemplo, si queremos que nos muestre un texto por
pantalla podemos hacerlo de la siguiente manera:
<script>
var saludo = ”hola”;
alert (saludo);
</script>
De esta manera, hemos declarado una variable
(saludo), inicializada a “hola” y la mostramos por pantalla con la sentencia
alert.
Este ejemplo es tan simple, que no es
necesario declarar ninguna variable, hubiera tenido el mismo efecto si el script
hubiera sido el siguiente:
<script>
alert (“hola”);
</script>
No hay comentarios:
Publicar un comentario