Unidad I Java Script Java Script El Java
![Unidad I. Java. Script Unidad I. Java. Script](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-1.jpg)
![Java. Script El Java. Script permite crear aplicaciones específicamente orientadas a su funcionamiento en Java. Script El Java. Script permite crear aplicaciones específicamente orientadas a su funcionamiento en](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-2.jpg)
![Javascript para aplicaciones cliente Los clientes Web que soportan Java. Script, tales como Firefox, Javascript para aplicaciones cliente Los clientes Web que soportan Java. Script, tales como Firefox,](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-3.jpg)
![Usos mas comunes Las sentencias Java. Script colocadas en una página Web pueden dar Usos mas comunes Las sentencias Java. Script colocadas en una página Web pueden dar](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-4.jpg)
![Javascript en documentos HTML A continuación se muestra un ejemplo en el que se Javascript en documentos HTML A continuación se muestra un ejemplo en el que se](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-5.jpg)
![Valores Javascript Java. Script reconoce los siguientes valores: -Valores numéricos. -Valores lógicos (true, false) Valores Javascript Java. Script reconoce los siguientes valores: -Valores numéricos. -Valores lógicos (true, false)](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-6.jpg)
![Entrada de datos por teclado. <html> <head> </head> <body> <script type="text/javascript"> var nombre; var Entrada de datos por teclado. <html> <head> </head> <body> <script type="text/javascript"> var nombre; var](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-7.jpg)
![Java. Script trata de forma dinámica los datos y se puede realizar la siguiente Java. Script trata de forma dinámica los datos y se puede realizar la siguiente](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-8.jpg)
![Estructuras secuenciales de programación. <html> <head> <script type="text/javascript"> var valor 1; var valor 2; Estructuras secuenciales de programación. <html> <head> <script type="text/javascript"> var valor 1; var valor 2;](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-9.jpg)
![Operadores Javascript Existen varios tipos de operadores en Java. Script: 1. Asignación: Asignación este Operadores Javascript Existen varios tipos de operadores en Java. Script: 1. Asignación: Asignación este](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-10.jpg)
![2. Comparación: Comparación en Java. Script, se pueden comparar variables de distinto tipo, pues 2. Comparación: Comparación en Java. Script, se pueden comparar variables de distinto tipo, pues](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-11.jpg)
![3. Aritméticos: los operadores aritméticos, a partir de varios operandos, devuelven un solo valor; 3. Aritméticos: los operadores aritméticos, a partir de varios operandos, devuelven un solo valor;](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-12.jpg)
![4. Lógicos: Lógicos los operadores lógicos devuelven un valor binario. && AND || OR 4. Lógicos: Lógicos los operadores lógicos devuelven un valor binario. && AND || OR](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-13.jpg)
![Condicionales Javascript Las sentencias en Java. Script se dividen en varios tipos: 1. Condicionales: Condicionales Javascript Las sentencias en Java. Script se dividen en varios tipos: 1. Condicionales:](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-14.jpg)
![La sentencia "switch" toma una variable, y la evalúa según unos posibles valores: switch(variable) La sentencia "switch" toma una variable, y la evalúa según unos posibles valores: switch(variable)](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-15.jpg)
![Bucles Javascript Veamos el segundo tipo de sentencia: los bucles. Bucles. - Estas sentencias Bucles Javascript Veamos el segundo tipo de sentencia: los bucles. Bucles. - Estas sentencias](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-16.jpg)
!["do. . . while" es un bucle que al menos se recorre una vez, "do. . . while" es un bucle que al menos se recorre una vez,](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-17.jpg)
![Funciones Javascript Una función es un elemento del programa creado con la finalidad de Funciones Javascript Una función es un elemento del programa creado con la finalidad de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-18.jpg)
![Veamos un ejemplo: el siguiente script es una función que toma los valores de Veamos un ejemplo: el siguiente script es una función que toma los valores de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-19.jpg)
![Importante: las funciones siempre irán situadas en la cabecera del documento HTML. -Cálculo: es Importante: las funciones siempre irán situadas en la cabecera del documento HTML. -Cálculo: es](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-20.jpg)
![Parámetros de las funciones En Java. Script, los parámetros de las funciones se pasan Parámetros de las funciones En Java. Script, los parámetros de las funciones se pasan](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-21.jpg)
![Para conocer el número de parámetros, podemos utilizar: "arguments. length". Existe un conjunto de Para conocer el número de parámetros, podemos utilizar: "arguments. length". Existe un conjunto de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-22.jpg)
![Gestión de eventos Evento se considera cualquier acción que el usuario realiza con el Gestión de eventos Evento se considera cualquier acción que el usuario realiza con el](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-23.jpg)
![Veamos los eventos que conoce Java. Script: Drag. Drop: arrastrar un objeto a la Veamos los eventos que conoce Java. Script: Drag. Drop: arrastrar un objeto a la](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-24.jpg)
![Mouse. Out: el puntero del ratón sale de un enlace o imagen mapa Mouse. Mouse. Out: el puntero del ratón sale de un enlace o imagen mapa Mouse.](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-25.jpg)
![Veamos un ejemplo del evento Click: <script> function contar(objeto. Select) { var seleccionadas=0 for Veamos un ejemplo del evento Click: <script> function contar(objeto. Select) { var seleccionadas=0 for](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-26.jpg)
![El código HTML es el siguiente: <BODY BGCOLOR="#FFFFFF"> <form name="formulario"> Selecione los temas que El código HTML es el siguiente: <BODY BGCOLOR="#FFFFFF"> <form name="formulario"> Selecione los temas que](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-27.jpg)
![Ejemplo de validación de Email http: //www. manualdejavascript. com/manualjavascript/archivos-codigojavascript. html Ejemplo de validación de Email http: //www. manualdejavascript. com/manualjavascript/archivos-codigojavascript. html](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-28.jpg)
![Validar formularios Los formularios representan una forma rápida y eficaz de enviar información desde Validar formularios Los formularios representan una forma rápida y eficaz de enviar información desde](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-29.jpg)
![En primer lugar, se crea el formulario de manera normal, usando las etiquetas HTML En primer lugar, se crea el formulario de manera normal, usando las etiquetas HTML](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-30.jpg)
![function validar(formulario) { var check. OK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ" + "abcdefghijklmnñopqrstuvwxyzáéíóú "; var check. Str function validar(formulario) { var check. OK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ" + "abcdefghijklmnñopqrstuvwxyzáéíóú "; var check. Str](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-31.jpg)
![<html> <head> </head> <body> <script type="text/javascript"> function verificar() { var clave=document. get. Element. By. <html> <head> </head> <body> <script type="text/javascript"> function verificar() { var clave=document. get. Element. By.](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-32.jpg)
- Slides: 32
![Unidad I Java Script Unidad I. Java. Script](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-1.jpg)
Unidad I. Java. Script
![Java Script El Java Script permite crear aplicaciones específicamente orientadas a su funcionamiento en Java. Script El Java. Script permite crear aplicaciones específicamente orientadas a su funcionamiento en](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-2.jpg)
Java. Script El Java. Script permite crear aplicaciones específicamente orientadas a su funcionamiento en la red Internet. Usando Java. Script , se pueden crear páginas HTML dinámicas que procesen la entrada del usuario y que sean capaces de gestionar datos persistentes usando objetos especiales, archivos y bases de datos relacionales. Con Java. Script se pueden construir aplicaciones que varían desde la gestión de la información corporativa interna y su publicación en Intranets hasta la gestión masiva de transacciones de comercio electrónico.
![Javascript para aplicaciones cliente Los clientes Web que soportan Java Script tales como Firefox Javascript para aplicaciones cliente Los clientes Web que soportan Java. Script, tales como Firefox,](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-3.jpg)
Javascript para aplicaciones cliente Los clientes Web que soportan Java. Script, tales como Firefox, Opera, Google Crome o Microsoft Internet Explorer (desde la versión 3. 0) pueden interpretar sentencias Java. Script colocadas en un documento HTML. Cuando el cliente Web solicita una página de este tipo, el servidor envía por la red al cliente el contenido completo del documento; incluyendo todos los códigos HTML y las sentencias Java. Script que pudieran existir en éste. El cliente lee entonces la página de forma secuencial, desde el principio hasta el final, representando visualmente los códigos HTML y ejecutando las sentencias Java. Script conforme avanza el proceso de lectura e interpretación.
![Usos mas comunes Las sentencias Java Script colocadas en una página Web pueden dar Usos mas comunes Las sentencias Java. Script colocadas en una página Web pueden dar](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-4.jpg)
Usos mas comunes Las sentencias Java. Script colocadas en una página Web pueden dar respuesta a eventos de usuario, tales como la pulsación de un botón del ratón (clic), la entrada de datos en un formulario y la navegación por una página. Por ejemplo, se puede crear una función Java. Script que permita verificar que la información introducida por el usuario en un campo de entrada de datos de un formulario (número de teléfono, código postal, número de tarjeta de crédito, etc. ) tienen el formato correcto. En este caso, lo importante es que, sin necesidad de realizar ninguna transmisión de datos por la red, se puede validar dicha información, mostrando al usuario un cuadro de diálogo en caso de que ésta sea incorrecta
![Javascript en documentos HTML A continuación se muestra un ejemplo en el que se Javascript en documentos HTML A continuación se muestra un ejemplo en el que se](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-5.jpg)
Javascript en documentos HTML A continuación se muestra un ejemplo en el que se ilustra la integración directa de código Java. Script en un documento HTML: <HTML> <HEAD> <TITLE>Primer ejemplo de Java. Script</TITLE> </HEAD> <BODY> Esto es texto normal de un documento HTML <script language="Java. Script"> document. write("////Texto Java. Script///") alert("Caja de dialogo de Java. Script") </script> Esto es de nuevo, HTML </body> </HTML> generado desde
![Valores Javascript Java Script reconoce los siguientes valores Valores numéricos Valores lógicos true false Valores Javascript Java. Script reconoce los siguientes valores: -Valores numéricos. -Valores lógicos (true, false)](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-6.jpg)
Valores Javascript Java. Script reconoce los siguientes valores: -Valores numéricos. -Valores lógicos (true, false) -Cadenas de caracteres -Valor null -Valor no definido (undefined) Además de estos valores, existen otros elementos propios de Java. Script como los objetos y las funciones.
![Entrada de datos por teclado html head head body script typetextjavascript var nombre var Entrada de datos por teclado. <html> <head> </head> <body> <script type="text/javascript"> var nombre; var](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-7.jpg)
Entrada de datos por teclado. <html> <head> </head> <body> <script type="text/javascript"> var nombre; var edad; nombre=prompt('Ingrese su nombre: ', ''); edad=prompt('Ingrese su edad: ', ''); document. write('Hola '); document. write(nombre); document. write(' asi que tienes '); document. write(edad); document. write(' años'); </script> </body> </html>
![Java Script trata de forma dinámica los datos y se puede realizar la siguiente Java. Script trata de forma dinámica los datos y se puede realizar la siguiente](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-8.jpg)
Java. Script trata de forma dinámica los datos y se puede realizar la siguiente operación: var un. Valor=50 Y después asignar a un Valor un valor de tipo cadena de caracteres: un. Valor="Ahora est á lloviendo" Variables. - Las variables pueden comenzar por un carácter o un subrayado bajo (_). Cuando a una variable no se le asigna un valor, tiene valor indefinido (undefined). Si se le pone un valor, pueden ocurrir dos cosas: -Si fue declarada sin "var", se produce un error en tiempo de ejecución. -Si fue declarada con "var", devuelve el valor Na. N (Not a Number).
![Estructuras secuenciales de programación html head script typetextjavascript var valor 1 var valor 2 Estructuras secuenciales de programación. <html> <head> <script type="text/javascript"> var valor 1; var valor 2;](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-9.jpg)
Estructuras secuenciales de programación. <html> <head> <script type="text/javascript"> var valor 1; var valor 2; valor 1=prompt('Ingrese primer número: ', ''); valor 2=prompt('Ingrese segundo número', ''); var suma=parse. Int(valor 1)+parse. Int(valor 2); var producto=parse. Int(valor 1)*parse. Int(valor 2); document. write('La suma es '); document. write(suma); document. write(' '); document. write('El producto es '); document. write(producto); </script> </head> <body> </html>
![Operadores Javascript Existen varios tipos de operadores en Java Script 1 Asignación Asignación este Operadores Javascript Existen varios tipos de operadores en Java. Script: 1. Asignación: Asignación este](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-10.jpg)
Operadores Javascript Existen varios tipos de operadores en Java. Script: 1. Asignación: Asignación este tipo de operador se utiliza para asignar valores a las variables. var resultado=50 Asigna a la variable "resultado" el valor 50. Existen abreviaturas de algunas operaciones de asignación: x+=y x=x+y x-=y x=x-y x*=y x=x*y x%=y x=x%y x/=y x=x/y
![2 Comparación Comparación en Java Script se pueden comparar variables de distinto tipo pues 2. Comparación: Comparación en Java. Script, se pueden comparar variables de distinto tipo, pues](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-11.jpg)
2. Comparación: Comparación en Java. Script, se pueden comparar variables de distinto tipo, pues es capaz de forzar conversiones: == Devuelve true si son iguales. Fuerza conversiones de tipo. != Devuelve true si son distintos. Fuerza conversiones de tipo. === Devuelve true si son iguales y del mismo tipo. !== Devuelve true si son distintos o de distinto tipo. > Devuelve true si la variable de la izquierda es mayor que la variable de la derecha < Devuelve true si la variable de la derecha es mayor que la variable de la izquierda >= Devuelve true si la variable de la izquierda es mayor o igual que la variable de la derecha <= Devuelve true si la variable de la izquierda es menor o igual que la variable de la derecha
![3 Aritméticos los operadores aritméticos a partir de varios operandos devuelven un solo valor 3. Aritméticos: los operadores aritméticos, a partir de varios operandos, devuelven un solo valor;](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-12.jpg)
3. Aritméticos: los operadores aritméticos, a partir de varios operandos, devuelven un solo valor; resultado de la operación realizada con los anteriores operandos. En Java. Script existe notación postfija y prefija, por lo que variable++ y ++variable son dos formas distintas de incrementar una variable. En primer lugar, se procesa la variable, y luego se incrementa. Sin embargo, en el segundo caso, primero se incrementa la variable y después se procesa. % Binario: devuelve el resto de una división. ++ Unitario: incrementa el valor de la variable. -- Unitario: disminuye el valor de una variable. - Unitario: cambia el signo de una variable.
![4 Lógicos Lógicos los operadores lógicos devuelven un valor binario AND OR 4. Lógicos: Lógicos los operadores lógicos devuelven un valor binario. && AND || OR](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-13.jpg)
4. Lógicos: Lógicos los operadores lógicos devuelven un valor binario. && AND || OR ! NOT Es importante saber que si en una evaluación ya se conoce el resultado, no se pone valor a los demás términos: true || devuelve true. false && devuelve false.
![Condicionales Javascript Las sentencias en Java Script se dividen en varios tipos 1 Condicionales Condicionales Javascript Las sentencias en Java. Script se dividen en varios tipos: 1. Condicionales:](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-14.jpg)
Condicionales Javascript Las sentencias en Java. Script se dividen en varios tipos: 1. Condicionales: las sentencias condicionales sin "if" y "switch". La sintaxis de "if" es la siguiente: if(condición) { acciones } else { acciones }
![La sentencia switch toma una variable y la evalúa según unos posibles valores switchvariable La sentencia "switch" toma una variable, y la evalúa según unos posibles valores: switch(variable)](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-15.jpg)
La sentencia "switch" toma una variable, y la evalúa según unos posibles valores: switch(variable) { case valor 1: acciones 1; break; case valor 2: acciones 2; break; . . . . case valor. N: acciones. N; break; default acciones; }
![Bucles Javascript Veamos el segundo tipo de sentencia los bucles Bucles Estas sentencias Bucles Javascript Veamos el segundo tipo de sentencia: los bucles. Bucles. - Estas sentencias](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-16.jpg)
Bucles Javascript Veamos el segundo tipo de sentencia: los bucles. Bucles. - Estas sentencias se caracterizan porque el flujo puede pasar varias veces por ellas hasta que se cumple una condición. "for" representa una o varias sentencias que se repiten un número determinado de veces: for(inicio; final; incremento) { acciones }
![do while es un bucle que al menos se recorre una vez "do. . . while" es un bucle que al menos se recorre una vez,](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-17.jpg)
"do. . . while" es un bucle que al menos se recorre una vez, antes de analizar la condición al final. do{ acciones } while(condición) "while" es una sentencia de bucle que puede que no se realice ninguna vez, pues la condición se evalúa al principio del bucle. while(condición) { acciones } Con la sentencia "break", se puede salir de una sentencia de bucle sin limitaciones. Con la sentencia "continue", se termina el bucle actual y se comienza con el siguiente.
![Funciones Javascript Una función es un elemento del programa creado con la finalidad de Funciones Javascript Una función es un elemento del programa creado con la finalidad de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-18.jpg)
Funciones Javascript Una función es un elemento del programa creado con la finalidad de realizar una determinada acción. Una función puede ser llamada desde otra. En Java. Script, las funciones se definen en la cabecera del documento HTML. Su sintaxis es: function nombre. Función([parámetros]) { acciones }
![Veamos un ejemplo el siguiente script es una función que toma los valores de Veamos un ejemplo: el siguiente script es una función que toma los valores de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-19.jpg)
Veamos un ejemplo: el siguiente script es una función que toma los valores de un formulario, y devuelve en un cuadro de texto del mismo el valor de la primera casilla elevado a la potencia de la segunda: <script> function potencia() { var i=0; var resul=1; if(document. calculo. elevado. value==0) document. calculo. resultado. value=resul; else { resul=document. calculo. base. value; for(i=1; i<document. calculo. elevado. value; i++) resul=resul*document. calculo. base. value; } document. calculo. resultado. value=resul; } </script>
![Importante las funciones siempre irán situadas en la cabecera del documento HTML Cálculo es Importante: las funciones siempre irán situadas en la cabecera del documento HTML. -Cálculo: es](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-20.jpg)
Importante: las funciones siempre irán situadas en la cabecera del documento HTML. -Cálculo: es el valor que se le ha dado al atributo "name" del formulario. -Resultado, base, elevado: es el valor que se le ha dado al atributo "name" de una de las cajas de texto del formulario. Veamos la parte HTML de este documento: <form name="calculo"> Número: <input type="text" name="base"> Potencia: <input type="text" name="elevado"> Resultado: <input type="text" name="resultado"> <input type="button" name="poten" Value="Calcular potencia" on. Click="potencia()"> </form>
![Parámetros de las funciones En Java Script los parámetros de las funciones se pasan Parámetros de las funciones En Java. Script, los parámetros de las funciones se pasan](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-21.jpg)
Parámetros de las funciones En Java. Script, los parámetros de las funciones se pasan por valor, es decir, si una variable cambia de valor en la función, fuera de ella sigue teniendo el mismo valor que cuando entró en ella. Si una función devuelve su resultado con return , la función debe ser asignada o formar parte de una respuesta. En caso contrario, si una función no devuelve un valor con "return", puede ser llamada sin ser asignada.
![Para conocer el número de parámetros podemos utilizar arguments length Existe un conjunto de Para conocer el número de parámetros, podemos utilizar: "arguments. length". Existe un conjunto de](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-22.jpg)
Para conocer el número de parámetros, podemos utilizar: "arguments. length". Existe un conjunto de funciones predefinidas, veamos algunas de ellas: Fecha: get. Date(): día del mes get. Day(): día de la semana get. Month(): día del mes get. Year(): año (con dos dígitos) get. Time(): milisegundos transcurridos desde 1/1/1970 get. Hours(): hora entre 0 y 23 get. Minutes(): minutos entre 0 y 59 get. Seconds(): segundos entre 0 y 59
![Gestión de eventos Evento se considera cualquier acción que el usuario realiza con el Gestión de eventos Evento se considera cualquier acción que el usuario realiza con el](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-23.jpg)
Gestión de eventos Evento se considera cualquier acción que el usuario realiza con el sistema: hacer click, posicionarse con el ratón en un lugar determinado, enviar un formulario, posicionarse en un cuadro para texto, . . Para referirnos a un evento en HTML, el nombre del evento irá precedido por "on". Por ejemplo, el gestor de eventos de "Click" será "on. Click". La forma de llamar a un evento es la siguiente. Imaginamos que tenemos un botón en un formulario, y queremos que al pulsarlo realice una acción determinada: <form. . > <input type="button" on. Click="función([parámetros])"> </form. . > Con esta acción, asociamos al evento click sobre el botón las acciones que realice la función.
![Veamos los eventos que conoce Java Script Drag Drop arrastrar un objeto a la Veamos los eventos que conoce Java. Script: Drag. Drop: arrastrar un objeto a la](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-24.jpg)
Veamos los eventos que conoce Java. Script: Drag. Drop: arrastrar un objeto a la ventana del navegador. Error: se produce un error en la carga de un documento. Focus: el usuario se posiciona en una ventana o cuadro de texto de un formulario. Key. Down: se pulsa una tecla. Key. Press: se pulsa o libera una tecla Key. Up: se libera una tecla Load: se carga un documento en el navegador Mouse. Down: se pulsa un botón del ratón Mouse. Move: se mueve el cursor Mouse. Over: el puntero del ratón se posiciona sobre un enlace
![Mouse Out el puntero del ratón sale de un enlace o imagen mapa Mouse Mouse. Out: el puntero del ratón sale de un enlace o imagen mapa Mouse.](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-25.jpg)
Mouse. Out: el puntero del ratón sale de un enlace o imagen mapa Mouse. Up: se libera un botón del ratón. Move: se mueve la ventana. Esta acción también la puede realizar el script. Reset: se pulsa sobre el botón reset del formulario. Resize: las dimensiones de la ventana cambian. Select: se selecciona una de las opciones de un cuadro combo del formulario. Submit: se pulsa el botón submit del formulario. Un. Load: el usuario sale de la página. Recuerde que para llamar a los eventos, se debe anteponer "on" al nombre del evento.
![Veamos un ejemplo del evento Click script function contarobjeto Select var seleccionadas0 for Veamos un ejemplo del evento Click: <script> function contar(objeto. Select) { var seleccionadas=0 for](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-26.jpg)
Veamos un ejemplo del evento Click: <script> function contar(objeto. Select) { var seleccionadas=0 for (var i=0; i < objeto. Select. options. length; i++) { if (objeto. Select. options[i]. selected) seleccionadas++; } return seleccionadas; } </script>
![El código HTML es el siguiente BODY BGCOLORFFFFFF form nameformulario Selecione los temas que El código HTML es el siguiente: <BODY BGCOLOR="#FFFFFF"> <form name="formulario"> Selecione los temas que](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-27.jpg)
El código HTML es el siguiente: <BODY BGCOLOR="#FFFFFF"> <form name="formulario"> Selecione los temas que son de su interés y pulse después el botón <select name="temas" múltiple> <option selected>Informática <option>Naturaleza <option>Música <option>Deportes <option>Economía <option>Coleccionismo </select> <input type="button" value=" ¿ Cuántos hay selecionados? " onclick="alert('Número de opciones selecionadas: ' + contar(document. formulario. temas))"> </form>
![Ejemplo de validación de Email http www manualdejavascript commanualjavascriptarchivoscodigojavascript html Ejemplo de validación de Email http: //www. manualdejavascript. com/manualjavascript/archivos-codigojavascript. html](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-28.jpg)
Ejemplo de validación de Email http: //www. manualdejavascript. com/manualjavascript/archivos-codigojavascript. html
![Validar formularios Los formularios representan una forma rápida y eficaz de enviar información desde Validar formularios Los formularios representan una forma rápida y eficaz de enviar información desde](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-29.jpg)
Validar formularios Los formularios representan una forma rápida y eficaz de enviar información desde el ordenador del usuario hasta el servidor web. Generalmente, constan de varios campos de texto, botones de selección y listas desplegables, que el usuario rellena convenientemente y transmite al servidor pulsando finalmente en un botón de envío. A menudo, muchos de los campos que el usuario debe completar obedecen a un formato determinado, por lo que conviene que el usuario los rellene correctamente para evitar errores al procesar en el servidor los datos recibidos. Java. Script constituye una manera muy conveniente de trasladar esta labor de validación de la información al ordenador del cliente, descargando así al servidor de esta tarea.
![En primer lugar se crea el formulario de manera normal usando las etiquetas HTML En primer lugar, se crea el formulario de manera normal, usando las etiquetas HTML](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-30.jpg)
En primer lugar, se crea el formulario de manera normal, usando las etiquetas HTML convencionales. En la página de ejemplo aparece el formulario cuyo código se lista a continuación: <form method = "POST" name = "registro" on. Submit = "return validar(this)" action = "formularios. html"> Nombre: <input type="text" name="nombre" size="20"> Edad: <input type="text" name="edad" size="2"> Dirección de correo: <input type="text" name="correo" size="20"> <input type="submit" value="Enviar datos" name="enviar"> </form>
![function validarformulario var check OK ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ abcdefghijklmnñopqrstuvwxyzáéíóú var check Str function validar(formulario) { var check. OK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ" + "abcdefghijklmnñopqrstuvwxyzáéíóú "; var check. Str](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-31.jpg)
function validar(formulario) { var check. OK = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ" + "abcdefghijklmnñopqrstuvwxyzáéíóú "; var check. Str = formulario. nombre. value; var all. Valid = true; for (i = 0; i < check. Str. length; i++) { ch = check. Str. char. At(i); for (j = 0; j < check. OK. length; j++) if (ch == check. OK. char. At(j)) break; if (j == check. OK. length) { all. Valid = false; break; } } if (!all. Valid) { alert("Escriba sólo letras en el campo "Nombre". "); formulario. nombre. focus(); return (false); }
![html head head body script typetextjavascript function verificar var clavedocument get Element By <html> <head> </head> <body> <script type="text/javascript"> function verificar() { var clave=document. get. Element. By.](https://slidetodoc.com/presentation_image_h/ba3b49322b77b3206b68e040c98dda97/image-32.jpg)
<html> <head> </head> <body> <script type="text/javascript"> function verificar() { var clave=document. get. Element. By. Id('clave'). value; if (clave. length<5) { alert('La clave no puede tener menos de 5 caracteres!!!'); } else { alert('Largo de clave correcta'); } } </script> <form> Ingrese una clave: <input type="password" id="clave"> <input type="button" value="Confirmar" on. Click="verificar()"> </form> </body> </html>
Unidades decenas centenas
"java script"
Slido softuni
Java script course
Java script examples
Language
"language fundamentals"
Java script
Script de java
Inside which html
"java script"
Java script classes
"java script"
Java scrept
Java script email
"java script"
Khan academy object oriented programming
Java script wikipedia
Circuitos combinacionales
Coulomb unidad
Campo vida
Gastos pagados por anticipados
D'objet indirect
Unidad de proceso
Los poligonos unidad 11
Contando hasta 100
Circuitos magneticamente acoplados
Unidad valle del sol
Unidad 2 higiene y seguridad industrial
Antivalor de optimismo
Unidad estructural
La familia unidad cultural y social
Enlace quimico metalico