Manual Java Script

[pic]Curso de Lógica Computacional y Programación [pic]





Manual de JavaScript


A continuación encontrarás los temas más importantes sobre JavaScript y una serie de ejemplos de cada una de las instrucciones que se irán abordando a lo largo de este manual. Los códigos que se incluyen deberán ser probados y documentados utilizando como editor Web el programa Frontpage, en el quepodrás depurar y sobre todo mejorar la apariencia y la precisión de los resultados de cada Script.

Al finalizar el curso, entregarás estos programas mejorados a tu maestro, además de otra serie de
Ejercicios que se irán abordando durante el curso. Espero que sea de utilidad para mejorar tu aprendizaje de programación de páginas Web con HTML y JavaScript.

Nota: El material ha sido obtenidode Internet y se han realizado algunos ajustes, además de incluir los ejemplos necesarios para que logres aprender cada una de las instrucciones.


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 y basado en objetos. Es libre, por eso es el lenguajede scripts más utilizado a nivel mundial.




2. NORMAS DEL CODIGO EN JAVASCRIPT



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


1. Las sentencias JavaScript pueden estar dentro de funciones en el encabezado y y dentro de un script, o bien en un script dentro del…. Es posible que se den ambos casos.


2. Las funciones de Javascript se desarrollan entre las etiquetas
y .

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

4. La llamada a la función se hace a través de un evento de un elemento del documento, y las funciones pueden llamarse entre ellas mismas.





3. USO DE FUNCIONES


Lasfunciones 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 DELA 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.


Los argumentos en el paréntesis cuadrado, son opcionales y se denominan parámetros, los cuales representan datos quese envían a las funciones ([val1,val2,valN])





4. LA VENTANA “ALERT”



Se trata de una ventana estándar que usamos para mostrar información en pantalla. Se puede mostrar texto, variables y texto 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:[pic]




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 elementos principales 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:tu nombre aquí











EJEMPLO 2: Llamada a una función desde otra.





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