Programación Web.
Conceptos básicos de JavaScript
Abril 01, 2011
Octavo «C»
Conceptos básicos
• Crear un documento HTML es crear algo de
caracter estático, inmutable con el paso del
tiempo. La página se carga, y ahí termina la
historia.
• Tenemos ante nosotros la información que
buscábamos, pero no podemos INTERACTUAR
con ella.
Solución a este problema
Introducción a JavaScript
Este lenguaje se utiliza de dos formas:
• 1.- Utilizarla dentro de las propias Páginas
Web.
Estructura de un documento Web
<html>
<head>
</head>
<body>
</body>
</html>
Podemos añadir código JavaScript en el
cuerpo del documento Web.
<html>
<head>
</head>
<body>
<script language="JavaScript" >
</script>
</body>
También podemos añadir el código JavaScript
en el encabezado del documento Web.
<html>
<head>
<script language="JavaScript" >
</script>
</head>
<body>
</body>
Lo que no se puede hacer
<html>
<head>
</head>
<script language="JavaScript" >
</script>
<body>
</body>
</html>
Introducción a JavaScript
Este lenguaje se utiliza de dos formas:
• 2.- Otra forma de trabajar con JavaScript para
nuestra Página Web es haciéndolo desde un
archivo externo con la extensión .js.
• Ese archivo JavaScript tendríamos que
enlazarlo con la Página Web.
Estructura de un documento Web
<html>
<head>
<script language="JavaScript" src ="[Link]"> </script>
</head>
<body>
</body>
</html>
Nuestro primer programa
<html>
<head><title>Mi hola mundo </title>
</head>
<body>
<script language="javascript">
[Link]('Hola Mundo');
</script>
</body>
</html>
Algo importante…
• ES IMPORTANTÍSIMO TENER EN CUENTA
QUE JavaScript ES SENSIBLE A
MAYÚSCULAS Y MINÚSCULAS.
• NO ES LO MISMO ESCRIBIR:
[Link] que [Link].
• (La primera forma es la correcta, la segunda
forma provoca un error de sintaxis).
Variables
Una variable es un depósito donde hay un
valor. Consta de un nombre y pertenece a un
tipo (númerico, cadena de caracteres, etc.).
Tipos de variables
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).
Tipos de variables
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).
• En los nombres de la variables deben comenzar por una letra o un
subrayado (_).
• Una variable no puede tener el mismo nombre de una palabra clave del lenguaje.
• Una variable se define anteponiéndole la palabra clave var:
var dia;
•
Se pueden declarar varias variables en una misma línea:
var dia, mes, anio;
•
A una variable se puede definir e inmediatamente inicializarla con un valor:
var edad=20;
•
O en su defecto en dos pasos:
var edad;
edad=20;
Operadores
• Aritméticos
• Comparación
• Lógicos
• Especiales
Objetos del lenguaje
• String
• Array
• Math
• Date
• Boolean
• Number
Objetos del navegador
• Jerarquía
• Window
• Frame
• Location
• History
• Navigator
• Document
• Link
• Anchor
• Image
Formularios
• FORM
• Text y password
• Button
• Checkbox
• Radio
• Select
• Hidden
Programación Web.
Conceptos básicos de JavaScript
Abril 01, 2011
Octavo «C»
