2. JAVASCRIPT
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que se
utiliza principalmente para crear páginas web
dinámicas.
UNA PÁGINA WEB DINÁMICA
es aquella que incorpora efectos como texto que
aparece y desaparece, animaciones, acciones que
se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.
3. JAVASCRIPT
Técnicamente, JavaScript es un lenguaje de
programación interpretado, por lo que no es
necesario compilar los programas para ejecutarlos.
En otras palabras, los programas escritos con
JavaScript se pueden probar directamente en
cualquier navegador sin necesidad de procesos
intermedios.
A pesar de su nombre, JavaScript no guarda ninguna
relación directa con el lenguaje de programación Java.
Legalmente, JavaScript es una marca registrada de la
empresa Sun Microsystems, como se puede ver en
http://www.sun.com/suntrademarks/.
4. MI PRIMER SCRIPT
A continuación, se muestra un primer script sencillo pero
completo:
<html >
<head>
<title>primer script</title>
<script type="text/javascript">
alert("Hola Mundo!");
</script>
</head>
<body>
<p>Esta página contiene el primer script</p>
</body>
</html>
5. JAVASCRIPT
Aunque el código del script se puede incluir en
cualquier parte de la página, se recomienda
incluirlo en la cabecera del documento, es decir,
dentro de la etiqueta <head>.
A continuación, el código JavaScript se debe incluir
entre las etiquetas <script>...</script>.
Además, para que la página sea válida, es
necesario definir el atributo type de la
etiqueta <script>.
6. JAVASCRIPT
Una vez definida la zona en la que se incluirá el
script, se escriben todas las sentencias que
forman la aplicación. Este primer ejemplo es tan
sencillo que solamente incluye una
sentencia: alert("Hola Mundo!");.
La instrucción alert() es una de las utilidades que
incluye JavaScript y permite mostrar un mensaje
en la pantalla del usuario. Si se visualiza la página
web de este primer script en cualquier navegador,
automáticamente se mostrará una ventana con el
mensaje "Hola Mundo!".
7.
8. JAVASCRIPT
Antes de comenzar a desarrollar programas y
utilidades con JavaScript, es necesario conocer
los elementos básicos con los que se construyen
las aplicaciones.
Se explica en detalle y comenzando desde cero
los conocimientos básicos necesarios para poder
entender posteriormente la programación
avanzada, que es la que se utiliza para crear las
aplicaciones reales.
9. VARIABLES
Una variable es un elemento que se emplea para
almacenar y hacer referencia a otro valor.
Si no existieran variables, un programa que suma
dos números podría escribirse como:
resultado = 3 + 1
Sin embargo, el programa se puede rehacer de la
siguiente manera utilizando variables para
almacenar y referirse a cada número:
numero_1 = 3
numero_2 = 1
resultado = numero_1 + numero_2
10. VARIABLES
Los elementos numero_1 y numero_2 son
variables que almacenan los valores que utiliza
el programa.
El resultado se calcula siempre en función del
valor almacenado por las variables, por lo que
este programa funciona correctamente para
cualquier par de números indicado. Si se
modifica el valor de las
variables numero_1 ynumero_2, el programa
sigue funcionando correctamente.
11. VARIABLES
Las variables en JavaScript se crean mediante la palabra
reservada var.
De esta forma, se puede realizar en JavaScript de la
siguiente manera:
var numero_1 = 3;
var numero_2 = 1;
var resultado = numero_1 + numero_2;
La palabra reservada var solamente se debe indicar al
definir por primera vez la variable, lo que se denomina
declarar una variable.
12. VARIABLES
Una variable es un depósito donde hay un valor. Consta
de un nombre y pertenece a un tipo (numérico, cadena
de caracteres, etc.).
Tipos de variable:
Una variable puede almacenar:
Valores Enteros (100, 260, etc.)
Valores Reales (1.24, 2.90, 5.00, etc.)
Cadenas de caracteres("Juan", "Compras", "Listado",
etc.)
Valores lógicos (true,false)
Existen otros tipos de variables que veremos más
adelante.
13. VARIABLES
Las variables son nombres que ponemos a los lugares
donde almacenamos la información.
En JavaScript, deben comenzar por una letra o un
subrayado (_), pudiendo haber además dígitos entre los
demás caracteres.
Una variable no puede tener el mismo nombre de una
palabra clave del lenguaje.
14. VARIABLES
Una variable se define anteponiéndole la palabra clave
var:
ejemplo: var dia;
se pueden declarar varias variables en una misma línea:
ejemplo -----> var dia, mes, anio;
a una variable se la puede definir e inmediatamente
inicializarla con un valor:
ejemplo: var edad=20;
o en su defecto en dos pasos:
var edad;
edad=20;
15. VARIABLES
Elección del nombre de una variable:
Debemos elegir nombres de variables representativos.
En el ejemplo anterior los nombres dia, mes, anio son lo
suficientemente claros para darnos una idea acabada
sobre su contenido, una mala elección de nombres
hubiera sido llamarlas a, b y c.
Podemos darle otros buenos nombres. Otros no son tan
representativos, por ejemplo d, m, a. Posiblemente
cuando estemos resolviendo un problema dicho nombre
nos recuerde que almacenamos el día, pero pasado un
tiempo lo olvidaríamos.
16. VARIABLES
Elección del nombre de una variable:
Impresión de variables en una página HTML.
Para mostrar el contenido de una variable en una página
utilizamos el objeto document y llamamos a la función
write.
En el siguiente ejemplo definimos una serie de variables
y las mostramos en la página:
17. <html>
VARIABLES
<head> </head>
<body>
<script language="JavaScript">
var nombre='Juan';
var edad=10;
var altura=1.92;
var casado=false;
document.write(nombre);
document.write('<br>');
document.write(edad);
document.write('<br>');
document.write(altura);
document.write('<br>');
document.write(casado);
</script> </body> </html>