Qu es JavaScript

1
Qué es JavaScript?

• Profesor William Barreto

2
Conceptos Básicos

• Es un lenguaje de tipo script compacto, basado en
  objetos guiado por eventos.
• Diseñado por Netscape específicamente para el
  desarrollo de aplicaciones cliente-servidor en el
  Internet.
• El programa se escribe con un editor de palabras
• Note Pad
• Front Page
• Las sentencias pueden reconocer y responder a
  eventos generados por el usuario como
• clicks del mouse
• información en formularios
• navegación de documento a documento.

3
ltSCRIPT LANGUAGE"JavaScript"gt lt/SCRIPTgt

• Esta directiva se coloca en un documento HTML.
• Se colocan en el Head Section.
• Java Script es sensible a mayúsculas y
  minúsculas.
• Ejemplo Salto no es lo mismo que salto.

Escondiendo el Código JavaScript Cuando un
usuario utiliza un browser que no entiende
scripts, éste despliega todo el texto que aparece
entre los elementos lt SCRIPT gt y lt /SCRIPT gt.
Para evitar lo anterior se debe ocultar el
código JavaScript de la siguiente manera
ltSCRIPT LANGUAGE"JavaScript"gtlt!-- sentencias
...// --gtlt/SCRIPTgt
4
 Comentarios
Existen dos tipos de comentarios. El primero nos
permite que el resto de la línea sea un
comentario. Para ello se utilizan dos barras
inclinadas var i 1 // Aquí esta el
comentario Permite un tipo de comentario que
puede tener las líneas que queramos. Estos
comentario comienzan con / y terminan por /.
Por ejemplo / Aquí comienza nuestro maravilloso
comentario que sigue por aquí e
indefinidamente hasta que le indiquemos el final
/ Favor de utilizar comentarios en sus programas
5
Gramática
6
Variables y los tipos de datos

• Números como 42 o 3.14159
• Lógicos (boléanos)como true o false
• Strings como "Hola"
• Se pueden utilizar los siguientes caracteres
  especiales dentro de un literal de string en
  JavaScript
• \b backspace
• \f salto de página
• \n salto de línea
• \t tabulador
• \'Comilla simple Se usan para delimitar
  literales.
• \"Comilla doble Se usan para valores de los
  atributos.
• \\Barra invertida
• Null un valor especial que denota el valor nulo

7
        document.write(Texto!!")
Imprimir Mensaje en pantalla
ltSCRIPT LANGUAGE"JavaScript"gt
document.write("Hola mundo!!") lt/SCRIPTgt
document.write("ltH1gtHola mundo!!lt/H1gt")
8
Funciones(Funtion)

• Es un conjunto de instrucciones que realizan una
  acción.
• Se puede utilizar la función con los mismos
  scripts, o en otros documentos.
• Se definen al comienzo del archivo en el Head
  Section.
• Definir la función
• Funtion nombre(argumento1,argumento2,argumentoN)C
  odigos de la funcion
• La función sin argumentos debe incluir paréntesis
• Funtion color()
• instrucciones
• Los argumentos son variables en una función.

9
lthtmlgt ltscript language"JavaScript"gt lt!--
hide function myFunction()
document.write("Esta es mi página!ltbrgt")
document.write("Estamos usando una función
JavaScript!ltbrgt") myFunction() myFunction()
myFunction() // --gt lt/scriptgt lt/htmlgt
10
Eventos

• Los eventos posibles y los elementos en los que
  se pueden usar son
• onFocus, onBlur, onChange campos de texto, áreas
  de texto y selecciones
• onClick botones (normales, radio, check, submit,
  reset) y referencias (elemento lt A gt)
• onSelect campos de texto y áreas de texto
• onMouseOver, onMouseOut referencias (elemento lt
  A gt).

11
Eventos
12
Marcos Frames

• Un frame es un tipo especial de ventana que puede
  mostrar múltiples documentos a la vez en una
  misma ventana. Una serie de frames componen una
  ventana.
• Los frames sólo se pueden crear usando el
  elemento ltFRAMESETgt de HTML .
• El elemento ltFRAMESETgt permitirá precisar la
  forma de los diferentes paneles por medio de dos
  atributos ROWS y COLS. ltFRAMEgt
• ROWS Se utiliza para dividir la zona en subzonas
  horizontales.
• COLS Se utiliza para dividir la zona en subzonas
  verticales.

13
Rows
lthtmlgt ltscriptgt //Ejemplo de Frame lt/scriptgt ltfram
eset rows"50,50"gt// Dividida en filas ltframe
src"Evento1.htm" name"frame1"gt ltframe
srccolores.htm name"frame2"gt lt/framesetgt
lt/htmlgt
14
Cols
lthtmlgt ltscriptgt //Ejemplo de Frame lt/scriptgt ltfram
eset cols"40,30,30"gt// Dividida en Columnas
ltframe srcmenu.htm name"frame1"gt ltframe
srcEvento1.htm name"frame2"gt ltframe
srccolores.htm name"frame2"gt lt/framesetgt
lt/htmlgt
15
(No Transcript)
16
alert("Mensaje")
Permite utilizar una ventana de aviso donde se
puede inprimir un mensaje. Es una especie de caja
de mensaje.(Message Box)
ltscriptgt alert("Buen Dia!") lt/scriptgt
17
(No Transcript)
18
(No Transcript)
19
prompt(mensaje, sugerencia)

• Muestra una ventana de diálogo con el mensaje
  especificado y un campo de texto en el que el
  usuario pueda teclear, cuyo valor inicial será
  igual a sugerencia.
• Si el usuario pulsa OK, el método devuelve la
  cadena introducida en el campo de texto.
• Si, por el contrario, pulsa Cancelar, devolverá
  el valor null.
• Dado que este valor se considera igual a false,
  podemos comprabarlo directamente en una condición
  para ver que ha hecho el usuario.

20
Ejemplos
ltscriptgt var respuestaprompt("Por Favor escriba
su nombre") document.write(respuesta) lt/scriptgt
ltscriptgt var respuestaprompt("Por Favor escriba
su nombre") alert("Hola! "respuesta) lt/scriptgt