Tpd 03
Click here to load reader
-
Upload
la-salle-urubamba -
Category
Documents
-
view
493 -
download
5
Transcript of 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“ ><!--function saludo() {window.alert('¡Bienvenido a 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>