Apuntes sobre Javascript, Apuntes de Metodología de Programación

¡Descarga Apuntes sobre Javascript y más Apuntes en PDF de Metodología de Programación solo en Docsity!

Programación en

páginas Web:

JavaScript

Índice

• ¿Qué es un lenguaje Script?
• ¿Qué es JavaScript?
• ¿Qué se puede hacer con JavaScript?
• Generalidades de JavaScript
• La TAG
• Modelo de Eventos de JavaScript
• Gestores de Eventos (Event Handlers)
• Clases en JavaScript
• Jerarquía de Clases

¿Qué es JavaScript?

• Es un lenguaje Script
• Extiende las capacidades de las páginas Web
• El código está integrado en el HTML
• Se interpreta en el ordenador que recibe el HTML, no se compila
• Ejecución dinámica
  • Los programas y funciones no se chequean hasta que se ejecutan
• Tiene programación orientada a objetos
• Trabaja con los elementos del HTML
• No se declaran los tipos de variables

¿Qué se puede hacer con JavaScript?

• Chequear Formularios
  • Comprobar que se han rellenado correctamente antes de enviarlos y que el servidor de error
  • Validar Campo
• Realizar cálculos simples
  • Índice de Masa Corporal
• O simplemente... Chorradillas
  • Mouse Trail Clock
• Hacer interactiva una página web
  • Check All

• Sintaxis
• Atributo SRC: fichero código fuente
• Colocarlo en la sección del HTML
  • No es necesario que esté todo el código allí
  • Asegura que todo el código haya sido definido antes del del documento. < SCRIPT type ="text/javascript" src ="fuente.js">< /SCRIPT >

La TAG

< SCRIPT type ="text/javascript"> function valor_abs(form) { var num = eval(form.expr.value) if (num >= 0) form.result.value = num else num = - num form.result.value = num } < /SCRIPT >

Modelo de Eventos de JavaScript

• Los eventos suceden a tres niveles:
  • A nivel del documento HTML
  • A nivel de un formulario individual
  • A nivel de un elemento de un formulario
• El evento es gestionado por una sección de código en JavaScript (Gestor de Eventos)
• Declaración de Gestores de Eventos: similar a los atributos en HTML < BODY onLoad ="cargarfuncion()" onUnload ="descargarfuncion()"> < FORM name ="nombre_del_formulario" ... onSubmit ="función_o_sentencia"> < INPUT type ="button" name ="mycheck" value ="HA!" onClick = "alert(‘Te he dicho que no me aprietes’)">

Estructura de un HTML con JavaScript

• Funciones JavaScript
  • Dentro de un bloque
  • Dentro del del documento
• HTML no interactivo
  • Dentro del del documento
• HTML interactivo
  • Atributos Gestores de Eventos cuyos valores son funciones de JavaScript definidas en el bloque del HTML

Clases en JavaScript

• Clases Predefinidas
  • Clase String : Cada vez que se asigna una cadena de caracteres a una variable, se crea un objeto de la clase String
  • Clase Math : Se usa para efectuar cálculos matemáticos
  • Clase Date : Para el manejo de fechas y horas
• Clases del Browser o Navegador
  • Tienen que ver con la navegación
• Clases del Documento HTML
  • Están asociadas con cualquier elemento de una página Web (link, ancla, formulario, etc.)
• Clases definidas por el usuario

Ejemplo

< HTML > < HEAD > < TITLE >Ejemplo sencillo de página HTML< /TITLE > < /HEAD > < BODY > < A name ="principio">Este es el principio de la página< /A > // ancla < HR > < FORM method ="POST"> < P > Introduzca su nombre: < /P > < INPUT type ="reset" value ="Borrar Datos"> < INPUT type ="submit" value ="OK"> < /FORM > < HR > Clica aquí para ir al < A href ="#principio">principio< /A > de la página // link < /BODY > < /HTML > document.title document.anchors[0].name document.forms[0].method document.forms[0].elements[1].value document.links[ 0 ].href