Javascript basico

1. INTRODUCCIÓN

JavaScript es una de las múltiples aplicaciones que han surgido para extender las capacidades del Lenguaje HTML. JavaScript es un lenguaje script orientado a documento. Nunca podrá hacer un programa, tan sólo podrá mejorar sus páginas Web.

2. NORMAS DEL CODIGO EN JAVASCRIPT

Las normas para poder escribir cualquier código de JavaScript se basan en 5 puntos básicos y quedebemos cumplir siempre. Estas normas son las siguientes:

1. Todo el código (sentencias) esta dentro de funciones.

2. Las funciones se desarrollan entre las etiquetas y .

3. Las etiquetas “” deben colocarse entre las etiquetas y .

4. Las etiquetas “” no pueden estar colocadas entre las de “”.

5. La llamada a la función se hace a través de un evento de un elemento del documento.3. USO DE FUNCIONES

Las funciones son un conjunto de sentencias (bloque de código) que especifica al programa las operaciones a realizar. Son útiles para evitar la repetición de líneas y modular el código. Para trabajar con ellas hay que desarrollarlas y llamarlas cuando lo necesitemos.

SINTAXIS DEL DESARROLLO:

function nombre_funcion([var1,var2,varN])
{
sentencia(s);
}SINTAXIS DE LA LLAMADA:



nombre_funcion(valor1,valor2,valorN);

En el primero de los casos la llamada se realiza desde un elemento del documento. En el segundo caso la llamada se realiza desde el interior de otra función que también es posible.

4. LA VENTANA “ALERT”

Se trata de una ventana estándar que usamos para mostrar información en pantalla. Se puede mostrar texto, variables ytexto en conjunto con variables. El diseño de la ventana ya esta definido lo único que podemos hacer es mostrar la información una o varias líneas. Su diseño y sintaxis es:



SINTAXIS:

alert(“texto de la ventana”);

alert(variable);

alert(“texto”+variable);

5. PRIMER PROGRAMA

Ahora vamos paso a paso a construir nuestro primer programa, y así podremos ver los elementosprincipales del lenguaje y su colocación dentro del documento Web. Solo debemos seguir la teoría vista en los temas anteriores.


EJEMPLO 1: Llamada a una función desde un elemento del documento.





function hola()
{
alert("Hola a todos");
}


Autor:Ricardo Amezua





EJEMPLO 2: Llamada a una función desde otra.function hola()
{
alert("Hola a todos");
rehola();
}

function rehola()
{
alert(“hola de nuevo a todos”);
}


Autor:Ricardo Amezua





6. EVENTOS

Un evento es un mecanismo por el cual podemos detectar las acciones que realiza el usuario y llamar automáticamente a la función quetengamos asociada. Desde esta función realizaremos las acciones que tengamos desarrolladas.

SINTAXIS:




La siguiente tabla muestra los eventos y manipuladores de JavaScript:

EVENTO SE PRODUCE AL..
onLoad Terminar de cargar una página o frame (entrar).
onUnLoad Descargar una página o frame (salir).
onAbort Abortar la carga de una página.
onError Producirse algún error en lacarga de la página.
onMouseOver Pasar el ratón por encima de un enlace, area o frame.
onMouseOut Dejar de estar el ratón encima de un enlace, area o frame.
onMouseMove Mover el ratón por el documento.
onKeyUp Presionar una tecla.
onClick Hacer click con el ratón.
onResize Dimensionar la ventana del navegador.
onMove Mover la ventana del navegador.
onChange Modificar texto en un control deedición. Sucede al perder el foco.
onSelect Seleccionar texto en un control de edición.
onFocus Situar el foco en un control.
onBlur Perder el foco un control.
onSubmit Enviar un formulario.
onReset Inicializar un formulario.

EJEMPLO 1:




function hola(){alert("Hola a todos");}
function adios(){alert("Adios a todos");}


Autor:Ricardo Amezua...