clase01 - javascript
TRANSCRIPT
Ing. Eddye Sánchez Castillo
PAGINA WEB II
FACULTAD DE EDUCACION
2012 - 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.
JAVASCRIPTTé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/.
MI PRIMER SCRIPTA 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>
JAVASCRIPTAunque 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>.
JAVASCRIPTUna 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!".
JAVASCRIPTAntes 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.
VARIABLESUna 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
VARIABLESLos elementos numero_1 y numero_2 sonvariables 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.
VARIABLESLas 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.
VARIABLESUna 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.
VARIABLESLas 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.
VARIABLESUna 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;
VARIABLESElecció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.
VARIABLESElecció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:
VARIABLES<html><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>
