You are on page 1of 6

Manual diseo y programacin de pginas web

JAVASCRIPT
JavaScript es un lenguaje de programacin que se utiliza principalmente
para crear pginas web dinmicas.
Una pgina web dinmica es aquella que incorpora efectos como texto
que aparece y desaparece, animaciones, acciones que se activan al
pulsar botones y ventanas con mensajes de aviso al usuario.
Tcnicamente, JavaScript es un lenguaje de programacin interpretado,
por lo que no es necesario compilar los programas para ejecutarlos. En
otras palabras, los programas escritos con JavaScript se pueden probar
directamente en cualquier navegador sin necesidad de procesos
intermedios. A pesar de su nombre, JavaScript no guarda ninguna
relacin directa con el lenguaje de programacin Java.

Incluir JavaScript en el mismo documento HTML5


El cdigo JavaScript se encierra entre etiquetas <script> y se incluye en
cualquier parte del documento. Aunque es correcto incluir cualquier
bloque de cdigo en cualquier zona de la pgina, se recomienda definir
el cdigo JavaScript dentro de la cabecera del documento (dentro de
la etiqueta <head>):

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual diseo y programacin de pginas web

Definir JavaScript en un archivo externo


Las instrucciones JavaScript se pueden incluir en un archivo externo de
tipo JavaScript que los documentos HTML5 enlazan mediante la etiqueta
<script>. Se pueden crear todos los archivos JavaScript que sean
necesarios y cada documento HTML5 puede enlazar tantos archivos
JavaScript como necesite.

Adems del atributo type, este mtodo requiere definir el atributo src, que
es el que indica la URL correspondiente al archivo JavaScript que se
quiere enlazar. Cada etiqueta <script> solamente puede enlazar un
nico archivo, pero en una misma pgina se pueden incluir tantas
etiquetas <script> como sean necesarias.
Los archivos de tipo JavaScript son documentos normales de texto con la
extensin .js, que se pueden crear con cualquier editor de texto como
Notepad, Sublime, Bracket, etc.

Sintaxis
-

Se distinguen las maysculas y minsculas: Si en una pgina HTML


se utilizan indistintamente maysculas y minsculas, la pgina se
visualiza correctamente, siendo el nico problema la no validacin
de la pgina. En cambio, si en JavaScript se intercambian
maysculas y minsculas el script no funciona.

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual diseo y programacin de pginas web

No se define el tipo de las variables: Al crear una variable, no es


necesario indicar el tipo de dato que almacenar. De esta forma,
una misma variable puede almacenar diferentes tipos de datos
durante la ejecucin del script.

No es necesario terminar cada sentencia con el carcter de punto


y coma (;): En la mayora de lenguajes de programacin, es
obligatorio terminar cada sentencia con el carcter ;. Aunque
JavaScript no obliga a hacerlo, es conveniente seguir la tradicin
de terminar cada sentencia con el carcter del punto y coma (;).

Se pueden incluir comentarios: Los comentarios se utilizan para


aadir informacin en el cdigo fuente del programa. el contenido
de los comentarios no se visualiza por pantalla.
JavaScript define dos tipos de comentarios: los de una sola lnea y
los que ocupan varias lneas.
Ejemplo de comentario de una sola lnea:

Los comentarios de una sola lnea se definen aadiendo dos barras


oblicuas (//) al principio de la lnea.

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual diseo y programacin de pginas web

Ejemplo de comentario de varias lneas

Los comentarios multilnea se definen encerrando el texto del comentario


entre los smbolos /* y */.

Mi primer Script
A continuacin, se muestra un primer script sencillo pero completo:

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual diseo y programacin de pginas web

En este ejemplo, el script se incluye como un bloque de cdigo dentro de


una pgina HTML. Por tanto, en primer lugar, se debe crear una pgina
HTML correcta que incluya la declaracin del DOCTYPE!, el carcter
meta, las secciones <head> y <body>, la etiqueta <title>, etc.
A continuacin, el cdigo JavaScript se debe incluir entre las etiquetas
<script>...</script>.
Adems, para que la pgina sea vlida, es necesario definir el atributo
type de la etiqueta <script>. lo correcto para JavaScript es text/javascript.
Una vez definida la zona en la que se incluir el script, se escriben todas
las sentencias que forman la aplicacin. Este primer ejemplo es tan
sencillo que solamente incluye una sentencia:
alert("Hola Mundo!");.
La instruccin alert() es una de las utilidades que incluye JavaScript y
permite mostrar un mensaje en la pantalla del usuario.

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual diseo y programacin de pginas web

PRACTICANDO

DOCENTE: MAURO JUBER QUISPE PARICAHUA

You might also like