JavaScript

1
JavaScript

• Lenguaje de comandos (scripting)
• Embebido en paginas web
• Interpretado por el browser
• Multi-Plataforma

2
JavaScript

• Prototipación de Objetos (sin herencia)
• Sintaxis similar a C y Java
• Tipos dinámicos
• DOM (Document Object Model)
• LiveConnect

3
JavaScript

• Client Side JavaScript - CSJS
• Server Side JavaScript - SSJS
• JavaScript en el Server (LiveWire)
• Netscape Servers

4
JavaScript

• Contenido Dinámico de Páginas Web
• Detectar Eventos del usuario
• Dependencia del Browser del Cliente
  (Marca.versión)
• Comandos
• DOM

5
ltSCRIPTgt Tag(1)
ltHTMLgt ltHEADgt ltSCRIPT LANGUAGE"JavaScript"gt
sentencias del script lt/SCRIPTgt lt/HEADgtltBODYgt
ltSCRIPT LANGUAGE"JavaScript1.1"gt sentencias
del script lt/SCRIPTgt lt/BODYgtlt/HTMLgt
6
ltSCRIPTgt Tag(2)
ltHTMLgt ltBODYgt ltSCRIPT LANGUAGE"JavaScript1.2"gt lt
-- sentencias del script //--gt lt/SCRIPTgt ltSCRIPT
LANGUAGEJavaScript SRCejemplo.jsgt
lt/SCRIPTgt lt/BODYgtlt/HTMLgt
7
LANGUAGE

• JavaScript - Navigator 2.0 / Internet Explorer
  3.0
• JavaScript1.1 - Navigator 3.0 / ECMA 262
• JavaScript1.2 - Navigator 4.0 / Internet
  Explorer 4.0 / no compatible con ECMA 262
• JavaScript1.3 - Navigator 4.06 / ECMA 262
• JavaScript1.4 -
• JavaScript1.5 - Netscape 6.0

8
DOM (Document Object Model)

• API para representar y manipular documentos
  (HTML, XML)

ltSCRIPT LANGUAGE"JavaScript"gtlt!--document.write
("ltHRgt")document.write("Hello World Wide
Web")document.write("ltHRgt")// --gtlt/SCRIPTgt
9
LiveConnect(1)

• Comunica Java y JavaScript
• Acceder a variables, métodos y clases de Java
  desde JavaScript
• Controlar Applets o Plug-ins con JavaScript
• Acceder desde código Java a JavaScript

10
LiveConnect(2)

• ltSCRIPT LANGUAGE"JavaScript"gt
• var pt new java.awt.Point(3, 5)
• pt.translate(7, 5)
• document.writeln("ltPgt")
• document.writeln("Translating (3,5) by (7,5)
  yields (" pt.x "," pt.y ").")
• lt/SCRIPTgt

11
Validación de Formularios (1)

• function checkLanguage()
• var field document.langForm.langField
• var lang field.value
• var prefix
• lang.substring(0, 4).toUpperCase()
• if (prefix ! "JAVA")
• alert("Sorry, '" lang "' is not valid.\n
• "Please try again.")
• field.value ""
• field.focus()

12
Validación de Formularios (2)

• ltBODYgt
• ltFORM ACTION"cgi-bin/registerLanguage
• NAME"langForm"gt
• ltBgtLanguagelt/Bgt
• ltINPUT TYPE"TEXT" NAME"langField
• onFocus"describeLanguage()"onBlur"clearStatus
  ()"onChange"checkLanguage()"gt
• ltINPUT TYPE"SUBMIT" VALUE"Show It To Me"gt
• lt/FORMgt
• lt/BODYgt

13
Estándares

• ECMAScript / ECMA (European Computer
  Manofacturers Asociation)
• www.ecma.ch
• DOM / W3C (World Wide Web Consortium)
• www.w3c.org

14
Links

• developer.netscape.com/library/documentation/javas
  cript.html
• www.microsoft.com/JScript/us/techinfo/jsdocs.htm
• www.apl.jhu.edu/hall/CWP-Sources/CWP-Examples/htm
  l/CWP-Top.html
• www.w3c.org
• www.ecma.ch

15
Bibliografía

• Core Web Programming. Marty Hall. Prentice Hall.
• JavaScript Bible.