This document was uploaded by user and they confirmed that they have the permission to share
it. If you are author or own the copyright of this book, please report to us by using this DMCA
report form. Report DMCA
QUE ES JAVA SCRIPT BASES DE LENGUAJE JAVA SCRIPT FUNDAMENTOS DE JAVA SCRIPT FUNCIONES JAVA SCRIPT METODOS JAVA SCRIPT OBJETOS JAVA SCRIPT PROPIEDADES JAVA SCRIPT TIPO DE DATOS JAVA SCRIPT SINTAXIS DE JAVA SCRIPT
CASO PRACTICO MANEJO DE EVENTOS MENSAJES DE ALERTAMANEJADOR ON CLICK BOTON E-MAIL BARRA DE ESTADO CON MENSAJE FORMULARIO MANEJADORES DE FORMULARIO COLOR FONDO FORMULARIO MENSAJE DE ALERTA EN UN FORMULARIO IMÁGENES DE UN FORMULARIO PASOS PARA LAS IMÁGENES DE UN FORMULARIO MODIFICACION DE IMAGENES
JAVA SCRIPT: es un lenguaje interpretado que permite incluir macros en páginas Web. Estas macros se ejecutan en el ordenador del visitante de nuestras páginas, y no en el servidor (algo muy interesante, porque los servidores Web suelen estar sobrecargados, mientras que los PC's de los usuarios no suelen estarlo).
JAVA SCRIPT: tuvo su nacimiento totalmente independiente de Java y sólo su parecido semántico y cuestiones de marketing llevaron a sus desarrolladores a denominarlo de esta forma. Con todo, considere la herencia de ambos de C++, por lo cual la traslación de conocimiento y modo de trabajo es muy directa. El lenguaje Java Script por otra parte, téngalo muy presente, no crea aplicaciones autónomas, de manera que sólo sirve para incluirse en documentos HTML y fuera de ellos no tiene ninguna vigencia.
Todo el código de Java Script debe explicitarse en la página HTML según el formato: <SCRIPT
Lenguaje="Java Script">
ARGUMENTO: Se usan con métodos y funciones. Pueden se tanto valores y variables, como objetos que el método o función requieren para ser procesados. Por ejemplo, function squareroot(16), función raíz cuadrada del argumento, valor en este caso, 16.
MANEJADORES DE EVENTOS: Se usan para ejecutar o llamar a un script de Java Script. Pongamos un ejemplo para clarificar:
EXPRESIONES: Una expresión es un conjunto de literales, variables y operadores que describen un único número, cadena o valor lógico. Ejemplo: x = y + 10.
FUNCIONES: Las funciones
son sentencias que contienen instrucciones para ser ejecutadas cuando se realiza la llamada a la función. En algunos lenguajes de programación también reciben los nombres de subrutinas o procedimientos. Function prueba( ) { alert("Esto es una prueba"); }
LITERALES Los literales son representaciones de valores, que pueden ser enteros, coma flotante, cadenas o booleanos. A diferencia de las variables que se declaran, a los literales se les refiere: el 45 es un valor numérico que no necesita ser declarado y tiene valor por sí mismo
METODOS Los métodos son una especie de funciones, asociadas a objetos y que requieren argumentos. Hemos visto ya un ejemplo con alert(). Se pueden distinguir a simple vista ya que son palabras seguidas de ( ) y no son como las funciones que además llevaban llaves.
OBJETOS Los objetos son los elementos principales afectados o interpretados en Java Script. Un ejemplo de objeto podría ser tanto un botón dentro de un formulario, como el propio formulario o documento. En la instrucción Document.write("hola") se está invocando al método write( ) del objeto document para escribir "hola" en el documento HTML.
OPERADORES Hay dos tipos de operadores en Java Script: los de asignación, que asignan como su propio nombre indica, valores al elemento a la izquierda del operador(por ejemplo," x = 5 ", operador =), y los que corresponden a operadores aritméticos lógicos o booleanos, +, -, =, etc.
PROPIEDADES Podríamos considerar las propiedades como adjetivos de los objetos que describen. Por ejemplo, del objeto botón podemos encontrar propiedades como tamaño, situación en la ventana, texto, etc.
SENTENCIA DE CONTROL Son las responsables directas del flujo del código. Un ejemplo típico sería un bloque if con la instrucción if...then que ejecuta ciertas instrucciones en función del cumplimiento de la condición. Nota: En Java Script toda instrucción debe ir finalizada por ";". No siguen esta regla las propias sentencias de control, llamadas y definición de funciones
TIPO DE DATOS Java Script reconoce 4 tipos de valores, o tipos de datos: números, booleanos, cadenas y el valor null(sin valor). También reconoce el valor type, accesible a través del objeto date. Hay que tener mucho cuidado en las operaciones con distintos tipos de datos que producirán a buen seguro errores en la ejecución
VARIABLE Son las representaciones de los tipos de datos que se inicializan o toman valor a través de las expresiones. Pueden ser locales o globales. Locales significa que sólo se usan o tienen sentido en el ámbito en que se han definido, por ejemplo una función, y globales en todo el script.
<SCRIPT> var globalvar1=5; Function multiplica() { var localvar1=2 * globalvar1; alert("Dos por cinco son= " + localvar1); } <SCRIPT>
El código Java Script del que hablaremos en este manual va embebido en un documento HTML, y no tendremos en cuenta la reciente aparición de los scripts de servidor que pueden ir también codificados en Java Script. Normalmente se escribe el código entre las etiquetas <SCRIPT> y de la página Web. Se recomienda que dicho código vaya incluido en la cabecera del documento, es decir, entre las etiquetas y . De esta manera, haremos que se cargue el script antes de ser llamado por el manejador de eventos en el cuerpo del documento, , ya que si fuera al revés el manejador de eventos no tendría nada a qué referirse.
<TITLE>PRUEBA 1 <SCRIPT> var globalvar1=5; Function multiplica() { var localvar1=2 * globalvar1; alert("Dos por cinco son= " + localvar1); }
Esto es un ejemplo
<TITLE>FORMULARIO 1 <SCRIPT LANGUAGE="Java Script"> function calcula(form){ if (confirm("¿Está seguro?")) form.resultado.value=eval(form.expr.value); else alert("Vuelva a intentarlo."); }
Calculadora
Uno de los manejadores más básicos es OnClick que inicializa un script, como su propio nombre indica, cuando el usuario hace clic en un link de la ventana del browser. Todos los demás manejadores funcionan de la misma manera: evalúan la acción de un usuario y entonces llaman a un script que ejecuta el código. En este apartado vamos a ver manejadores de eventos de: Link Botón Ventana
El manejador OnClick, como ya se ha dicho anteriormente, es uno de los componentes más básicos y usados de Java Script. <TITLE> PRUEBA 1 <SCRIPT> function boton(){ alert("Esta página está en construcción, pero puedes echar un vistazo si quieres");}
Este ejemplo utiliza el método onClick para inicializar el método go(), perteneciente al objeto history que permite la navegación hacia delante y hacia atrás sobre el historial de un URL. El código de este ejemplo es el siguiente:HTML> <TITLE> PRUEBA 2 <SCRIPT LANGUAGE="JavaScript"> function nav(x) { history.go(x);}
Navegación con botones
Estos son dos botones hechos como componentes de un formulario: