JavaScript es el lenguaje de guiones (scripts) mas popular en Internet y trabaja interpretado por la mayoría de los navegadores (browsers) como Explorer, Firefox, Chrome, Opera etc, al ser un lenguaje interpretado los scripts se ejecutan sin una compilación preliminar.
JavaScript no tiene relación con Java ya que este ultimo es un lenguaje completo para crear programas con un propósito determinado con la particularidad de que Java pueden ejecutarse bajo cualquier plataforma, las aplicaciones desarrolladas en Java para Internet se denominan applets.
JavaScript no se utiliza para desarrollar aplicaciones independientes, se limita a la construcción de scripts usualmente embebidos en una Página Web, brindándole interactividad.
QUE PUEDE HACER JAVASCRIPT
- Abrir el editor de texto de nuestra preferencia.
- Colocar el siguiente codigo.
<html>
<body>
<h1>Ejemplo 1</h1>
<script type="text/javascript">
document.write("<p> la fecha es: " + Date() + "</p>");
</script>
</body>
</html>
- Guardar el archivo como .html.
- Ejecutarlo en nuestro browser.
Una variante a este ejemplo muestra la fecha en un <p> (define un párrafo, crea automáticamente espacio antes y después de él mismo) existente en el archivo HTML.
<html>
<body>
<h1>Ejemplo 2</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
SENTENCIAS JAVASCRIPT
Una sentencia JavaScript es un comando para un browser, el propósito del comando es decirle al browser que es lo que debe hacer, el siguiente ejemplo le dice al browser que escriba en la Página Web "hola mundo".
document.write("Hola Mundo");
Es normal adicionar (;) al final de cada sentencia ejecutable, se considera una buena practica de programación.
CODIGO JAVASCRIPT
Es una secuencia de sentencias JavaScript cada sentencia es ejecutada por el navegador en el orden en que estan escritas, el ejemplo a continuanción escribe un encabezado y dos párrafos en una página Web.
<script type="text/javascript">
document.write("<h1>Este es el encabezado</h1>");
document.write("<p>Este es un parrafo.</p>");
document.write("<p>Este es otro parrafo.</p>");
</script>
COMENTARIOS
Los comentarios son introducidos para explicar el código, o para hacerlo mucho mas entendible; para comentar una sola linea se puede comenzar con los simbolos //.
<script type="text/javascript">
// Escribir el encabezado.
document.write("<h1>Este es un encabezado</h1>");
// Escribir dos párrafos.
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Muchas veces es necesario comentar varias lineas a la vez para esto se tienen los comentarios multilinea estos empiezan con /* y terminan con */ por ejemplo:
<script type="text/javascript">
/*
El codigo a continuacion escribira una cabecera
y dos parrafos
*/
document.write("<h1>Este es un encabezado</h1>");
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Estos simbolos de comentario se pueden usar para dejar de ejecutar sentencias JavaScript en un proceso de depuración por ejemplo.
<script type="text/javascript">
//document.write("<h1>Este es un encabezado</h1>");
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Los comentarios pueden también estar a continuación de una sentencia por ejemplo
<script type="text/javascript">
document.write("Hola"); // Escribe "Hola"
document.write(" Mundo!"); // Escribe " Mundo!"
</script>
TIPOS DE DATOS
JavaScript maneja cuatro tipos de datos: numéricos, cadenas, booleanos y punteros.
VARIABLES
Las variables son contenedores de datos, y tienen un nombre que puede ser cualquier combinación de letras y dígitos, mas el guión bajo, el primer caracter no debe ser un dígito y y tampoco debe coincidir con palabra s reservadas propias del lenguaje como: close, open, write, etc, se recomienda usar nombres los mas explicativos posibles. JavaScript diferencia entre mayúsuclas y minúsculas en los nombres de las variables.
QUE PUEDE HACER JAVASCRIPT
- JavaScript brinda a los diseñadores de HTML una herramienta de programación por su sintaxis simple.
- JavaScript puede colocar texto dinámico en una página HTML - una sentencia JavaScript como esta: document.write("<h1>" + nombre + "</h1>") puede escribir una variable de texto en una pagina HTML.
- JavaScript puede reaccionar a eventos - Un JavaScript puede ser establecido cuando algo suceda.
- JavaScript puede leer y escribir elementos HTML - Un JavaScript puede leer y cambiar el contenido de un elemento HTML.
- JavaScript puede ser usado para validar datos - Un JavaScript puede ser usado para validar datos de un formulario antes de que estos sean enviados al servidor.
- JavaScript puede ser usado para detectar el navegador del usuario.
- JavaScript puede ser usado para crear cookies - Un JavaScript puede ser usado para guardar y recuperar información en la computadora del usuario.
- Abrir el editor de texto de nuestra preferencia.
- Colocar el siguiente codigo.
<html>
<body>
<h1>Ejemplo 1</h1>
<script type="text/javascript">
document.write("<p> la fecha es: " + Date() + "</p>");
</script>
</body>
</html>
- Guardar el archivo como .html.
- Ejecutarlo en nuestro browser.
Una variante a este ejemplo muestra la fecha en un <p> (define un párrafo, crea automáticamente espacio antes y después de él mismo) existente en el archivo HTML.
<html>
<body>
<h1>Ejemplo 2</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
SENTENCIAS JAVASCRIPT
Una sentencia JavaScript es un comando para un browser, el propósito del comando es decirle al browser que es lo que debe hacer, el siguiente ejemplo le dice al browser que escriba en la Página Web "hola mundo".
document.write("Hola Mundo");
Es normal adicionar (;) al final de cada sentencia ejecutable, se considera una buena practica de programación.
CODIGO JAVASCRIPT
Es una secuencia de sentencias JavaScript cada sentencia es ejecutada por el navegador en el orden en que estan escritas, el ejemplo a continuanción escribe un encabezado y dos párrafos en una página Web.
<script type="text/javascript">
document.write("<h1>Este es el encabezado</h1>");
document.write("<p>Este es un parrafo.</p>");
document.write("<p>Este es otro parrafo.</p>");
</script>
COMENTARIOS
Los comentarios son introducidos para explicar el código, o para hacerlo mucho mas entendible; para comentar una sola linea se puede comenzar con los simbolos //.
<script type="text/javascript">
// Escribir el encabezado.
document.write("<h1>Este es un encabezado</h1>");
// Escribir dos párrafos.
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Muchas veces es necesario comentar varias lineas a la vez para esto se tienen los comentarios multilinea estos empiezan con /* y terminan con */ por ejemplo:
<script type="text/javascript">
/*
El codigo a continuacion escribira una cabecera
y dos parrafos
*/
document.write("<h1>Este es un encabezado</h1>");
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Estos simbolos de comentario se pueden usar para dejar de ejecutar sentencias JavaScript en un proceso de depuración por ejemplo.
<script type="text/javascript">
//document.write("<h1>Este es un encabezado</h1>");
document.write("<p>Este es un párrafo.</p>");
document.write("<p>Este es otro párrafo.</p>");
</script>
Los comentarios pueden también estar a continuación de una sentencia por ejemplo
<script type="text/javascript">
document.write("Hola"); // Escribe "Hola"
document.write(" Mundo!"); // Escribe " Mundo!"
</script>
TIPOS DE DATOS
JavaScript maneja cuatro tipos de datos: numéricos, cadenas, booleanos y punteros.
VARIABLES
Las variables son contenedores de datos, y tienen un nombre que puede ser cualquier combinación de letras y dígitos, mas el guión bajo, el primer caracter no debe ser un dígito y y tampoco debe coincidir con palabra s reservadas propias del lenguaje como: close, open, write, etc, se recomienda usar nombres los mas explicativos posibles. JavaScript diferencia entre mayúsuclas y minúsculas en los nombres de las variables.
Las variables pueden ser creadas en cualquier lugar del programa, pero se debe tomar en cuenta su ámbito si las variables fueron creadas dentro de una funcion solamente existiran dentro de dicha función.
DECLARACION DE VARIABLES
Se declaran variables con la palabra reservada var por ejemplo:
var k;
var matricula;
var matricula;
Cabe señalar que despues de la declaración anterior estas variables estan vacias, entonces se puede asignar valores a estas variables.
var k=7;
var matricula="abc1234";
Ejemplo:
<script language="Javascript">
function verNavegador()
{
var version;
version = document.appVersion;
return version;
}
</script>
OBJETOS
JavaScript se adapta a la orientación de objetos ya que puede manejarlos y crearlos, esto sera explicado mas adelante, JavaScript tiene algunos objetos predefinidos, estos son Array, Boolean, Date, Function, Global, Math, Number, Object, RegExp, y String.
Al definir un objeto se debe definir sus propiedades y metodos tomando en cuenta que cualquier objeto creado ya tiene heredadas las propiedades y metodos del objeto Object.
Ejemplo de definicion de objeto.
function titulo (texto, color, fondo)
{
this.texto = texto;
this.color = color;
this.imgfondo = fondo;
this.length = 3;
}
var miTitulo = new titulo("Mi título", "Blue", "cruces.gif");
var nuevotit = new titulo("Otro título", "White", "");
El objeto se crea con el operador new pasandole como argumentos las propiedades declaradas para este objeto, la palabra this se usa para hacer referencia al mismo objeto que se esta definiendo, se pueden establecer propiedades particulares para el objeto miTitulo que no afectarán al objeto titulo .
PROPIEDADES
Las propiedades son los valores asociados con un objeto, esto se lo demuestra en el siguiente ejemplo donde se usa la propiedad length del objeto string para contar los caracteres de la cadena.
<script type="text/javascript">
var txt="Hola Mundo!";
document.write(txt.length);
</script>
Dando como resultado 11
METODOS
Los metodos son las acciones que pueden ser ejecutadas por los objetos, esto se lo demuestra en el siguiente ejemplo donde se usa el metodo CharAt(indice) del objeto string para extraer el caracter de la posición indice.
<script type="text/javascript">
var txt="Hola Mundo!";
document.write(txt.charAt(0));
</script>
Dando como resultado H
OPERADORES
El operador = es usado en JavaScript para asignar valores a las variables definidas.
El operador + se utiliza para juntar o adicionar valores.
y=5;
z=2;
x=y+z;
apellido="Perez";
nombre = "Juan"+ apellido;
OPERADORES ARITMETICOS
Se utilizan en operaciones aritmeticas entre variables o valores, dada la variable y=5 se tiene la siguiente tabla:
| Operador | Descripción | Ejemplo | Resultado | |
|---|---|---|---|---|
| + | Adición | x=y+2 | x=7 | y=5 |
| - | Sustracción | x=y-2 | x=3 | y=5 |
| * | Multiplicación | x=y*2 | x=10 | y=5 |
| / | División | x=y/2 | x=2.5 | y=5 |
| % | Modulo(residuo de la division) | x=y%2 | x=1 | y=5 |
| ++ | Incremento | x=++y | x=6 | y=6 |
| x=y++ | x=5 | y=6 | ||
| -- | Decremento | x=--y | x=4 | y=4 |
| x=y-- | x=5 | y=4 | ||
OPERADORES DE ASIGNACION
Los operadores de asignación son utilizados para asignar valores a las variables dados x=10 y y=5 la siguiente tabla explica los operadores de asignación.
| Operador | Ejemplo | Igual que | Resultado |
|---|---|---|---|
| = | x=y | x=5 | |
| += | x+=y | x=x+y | x=15 |
| -= | x-=y | x=x-y | x=5 |
| *= | x*=y | x=x*y | x=50 |
| /= | x/=y | x=x/y | x=2 |
| %= | x%=y | x=x%y | x=0 |
OPERADORES DE COMPARACION
Son utilizados para evaluar si una condición es verdadera o falsa.
Los operadores de comparación son utilizados en sentencias lógicas para determinar diferencias o igualdades entre variables o valores, dado x=5 la siguiente tabla explica los operadores de comparación.
| Operador | Descripción | Ejemplo |
|---|---|---|
| == | es igual a | x==8 es falso |
| === | es exactamente igual a (valor y tipo) | x===5 es verdadero x==="5" es falso |
| != | no es igual | x!=8 es verdadero |
| > | es mayor que | x>8 es falso |
| < | es menor que | x<8 es verdadero |
| >= | es mayor igual que | x>=8 es falso |
| <= | es menor igual que | x<=8 es verdadero |
Pueden ser usados en sentencias condicionales para tomar acciones segun el resultado por ejemplo.
if (edad>70) document.write("Adulto mayor");
