Tpd 03

TALLER DE PROGRAMACIÓN DISTRIBUIDA

Instituto Superior de Educación Publico “LA SALLE”

Docente: Ing. Alex Fernando HuillcaDocente: Ing. Alex Fernando Huillca

TERCERA ACTIVIDAD DE TERCERA ACTIVIDAD DE

APRENDIZAJEAPRENDIZAJE ANIMANDO PÁGINAS WEB CON EL LENGUAJE JS

JAVASCRIPT JavaScript es un lenguaje de scripts desarrollado por

Netscape para incrementar las funcionalidades del lenguaje HTML

Su núcleo se corresponde con ECMA-262, el lenguaje de scripts estándar de la Oficina de Estándares de la Unión Europea

JavaScript es un lenguaje de scripts desarrollado por Netscape para incrementar las funcionalidades del lenguaje HTML

JavaScript es un lenguaje interpretado

Java Script es un lenguaje orientado a eventos

Java script es un lenguaje orientado a objetos

¿Cómo introducir JavaScript en el código HTML?

Básicamente existen dos formas de introducir un script de JavaScript en una página HTML:

1RA: Embebido en el código HTML, entre las etiquetas o tags <script> y </script>.

<HTML><HEAD><TITLE>Introducción a JavaScript</TITLE><SCRIPT LANGUAGE="JavaScript“ ></SCRIPT></HEAD><BODY onLoad="saludo()"></BODY>

</HTML>

<!– - //<!– - //

para evitar que se generen errores en navegadores que no soporten JavaScript y para que estos navegadores no muestren el código del script en la página.

2DA: Como archivo .js que se carga con la página HTML. Para ello, debe indicarse en las tags anteriores el nombre y ubicación del archivo .js que contiene el script JavaScript:

<HTML><HEAD><TITLE>Llamando un archivo JavaScript</TITLE><SCRIPT LANGUAGE="JavaScript“ SRC="codigo.js"></SCRIPT></HEAD><BODY></BODY>

</HTML>

Maneras de ejecutar un JS 1. Ejecución directa

<SCRIPT LANGUAGE="JavaScript"> document.write("Texto generado desde JavaScript")

</SCRIPT>

1. Empezando a conocer JS<HTML><HEAD><TITLE>Primer ejemplo de JavaScript</TITLE></HEAD><BODY>Esto es texto normal de un documento HTML<SCRIPT LANGUAGE="JavaScript"> Texto generado desde JavaScript</SCRIPT>Esto es, de nuevo, HTML</BODY></HTML>

2. Respuesta a un evento Los eventos son acciones que realiza el usuario. Los programas como

Javascript están preparados para atrapar determinadas acciones realizadas sobre la página, y realizar acciones como respuesta.

<html><head> <script language="JavaScript"> function clic() { alert("Hola!"); } </script></head><body><form> <input type="button" name="Boton" value="Presióneme aqui"

onclick="clic()"> </form></body></html>

3. Comentarios

// Comentario de una Linea

/*Comentarios

De varias

Líneas de código */

EjemplosEjemplo 01: Código JS que genera un evento del MOUSE<html><head><script language=“JavaScript">//Escondemos la funcion function hello() { alert("Hola!"); }// Fin del codigo</script></head><body><body><a href="" onMouseOver="hello()">link</a></body></body></html>

Ejemplo 02: Validación de Campo de Texto Vacio

<HTML><HEAD><TITLE>Eventos</TITLE><SCRIPT>function Reacciona(campo) { alert("¡Introduzca un valor!") campo.focus()}</SCRIPT></HEAD><BODY> <FORM METHOD=POST><INPUT TYPE=text NAME=campo onFocus="Reacciona(this)"></FORM> </BODY> </HTML>

Tpd 03

Documents

Transcript of Tpd 03