Scribd
Cargar
13 vistas8 páginas

8 - Javascript

JavaScript es un lenguaje de programación esencial para el desarrollo web, que permite agregar interactividad a los sitios mediante su ejecución en el navegador del cliente. Se basa en ECMAScript y permite la manipulación de variables, tipos de datos y operadores, además de ofrecer cuadros de diálogo para interactuar con el usuario. Su sintaxis es sensible a mayúsculas y minúsculas, y el código puede ser insertado directamente en HTML o referenciado desde archivos externos.

Cargado por

Ferdinand Porsche
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como ODT, PDF, TXT o lee en línea desde Scribd
13 vistas8 páginas

8 - Javascript

JavaScript es un lenguaje de programación esencial para el desarrollo web, que permite agregar interactividad a los sitios mediante su ejecución en el navegador del cliente. Se basa en ECMAScript y permite la manipulación de variables, tipos de datos y operadores, además de ofrecer cuadros de diálogo para interactuar con el usuario. Su sintaxis es sensible a mayúsculas y minúsculas, y el código puede ser insertado directamente en HTML o referenciado desde archivos externos.

Cargado por

Ferdinand Porsche
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como ODT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 8

JAVASCRIPT

JavaScript es un lenguaje de programación muy utilizado en el desarrollo web.


Originalmente fue desarrollado por Netscape como un medio para agregar elementos dinámicos e
interactivos a los sitios web. Si bien JavaScript está influenciado por Java, la sintaxis es más similar
a C y se basa en ECMAScript, un lenguaje de secuencias de comandos desarrollado por Sun
Microsystems.
JavaScript es un lenguaje de script del lado del cliente, lo que significa que el código fuente
es procesado por el navegador web del cliente en lugar de hacerlo en el servidor web. Esto significa
que las funciones de JavaScript pueden ejecutarse después de que se haya cargado una página web
sin comunicarse con el servidor. Por ejemplo, una función de JavaScript puede verificar un
formulario web antes de enviarlo para asegurarse de que se hayan completado todos los campos
obligatorios. El código JavaScript puede generar un mensaje de error antes de que cualquier
información se transmita realmente al servidor.
Al igual que los lenguajes de secuencias de comandos del lado del servidor, como PHP y
ASP.NET, el código JavaScript se puede insertar en cualquier lugar dentro del HTML de una página
web. Sin embargo, solo el resultado del código del lado del servidor se muestra en el HTML,
mientras que el código JavaScript permanece completamente visible en la fuente de la página web.
También se puede hacer referencia en un archivo .JS separado, que también se puede ver en un
navegador.

La etiqueta <script>
Como ya sabemos, la estructura de un HTML es del tipo:

Pues bien, nosotros podremos introducir el código de JavaScript o en la cabecera (HEAD) o en el


cuerpo (BODY) depende de la función que le vayamos a dar.
Este código de JavaScript se encierra siempre entre <SCRIPT> y </SCRIPT> y tiene la estructura:
Donde podremos observar varias cosas:
El código se puede escribir en varios lenguajes, por tanto, hay que indicar al SCRIPT en qué
tipo de lenguaje lo vamos a escribir, esto se hace mediante
type= “text/javascript”, antiguamente se utilizaba language = “JavaScript”, pero hoy en día, ha
quedado en desuso.
Por otra parte, debemos ocultar el código a los navegadores que no sepan interpretarlo (en la
actualidad, todos los navegadores interpretan JavaScript), y para ello se utilizan los comentarios
(comentario de inicio “<!--“ y comentario de cierre “// -->” ).
Para indicar un comentario de una sola línea, JavaScript utiliza “// “.
Veamos qué pasaría si el navegador no reconociera el código JavaScript:
Como no reconoce la etiqueta <SCRIPT> simplemente la ignora.
Encuentra el símbolo de inicio de comentario HTML (“<!--“) así que no interpreta el resto,
hasta encontrar el símbolo “// -->”.
Como no se reconoce la etiqueta </SCRIPT>, pasa a la línea siguiente.
Ahora veamos qué pasaría con un navegador que sí lo reconociera:
Reconoce la etiqueta <SCRIPT>, así que empieza a interpretar el código siguiente excepto
los comentarios de HTML (<!--).
Interpreta el código siguiente hasta que llega a la línea que muestra un comentario de
JavaScript (//), ignorando dicha línea.
Reconoce la etiqueta </SCRIPT>, de forma que sabe que lo siguiente ya no es JavaScript.
Una cosa a tener en cuenta es que JavaScript a diferencia de HTML, distingue entre
minúsculas y mayúsculas. Tenga cuidado con ello.
Variables
Ahora vamos a repasar algunos conceptos relacionados con la programación que nos serán
útiles a la hora de programar en JavaScript. Un concepto muy importante, es el concepto de
variable. Una variable es una ubicación temporal de memoria donde el programador guarda cierto
valor que le interesa retener durante la ejecución del script o guión.
Observemos durante un minuto el siguiente código:

Seguramente habremos visto ya, algunas curiosidades a la hora de escribir código en


JavaScript, pero quizás las más destacadas en este ejemplo sean:
Para poder utilizar las variables, estas deben estar declaradas (es decir, tendremos que darles un
nombre y opcionalmente podremos inicializarlas o no):
Para declarar la variable se utilizar la palabra reservada “var” seguida del nombre de la variable.
Para inicializar la variable lo haríamos así var Mivariable = “Esta es mi variable”.
Al inicializar una variable a un campo de texto es necesario poner las comillas dobles (“”) o las
comillas simples (‘’). Da igual cuales utilicemos pero si empezamos con unas, debemos terminar
con ellas.
Principales elementos de la gramática de JavaScript:

NOTA: JavaScript es sensible a mayúsculas y minúsculas, todos los elementos de JS deben referenciarse como se
definieron, no es lo mismo Variable1 que variable1

Tipos de Datos
Ahora veremos el conjunto de valores que puede tener una variable y el conjunto de operaciones en
las que puede formar parte.
A esto se le llama Tipo de Dato.
Observemos este fragmento de código:
•var Variable2 = 255
•Variable2 = "Ahora soy de texto"
Como podemos observar al principio Variable2 tiene un tipo de dato “entero”, mientras que en la
segunda línea vemos como almacenamos en ella un tipo de dato “cadena de texto”. Esto quiere
decir que en una misma variable podremos almacenar diferentes tipos de datos, pero tenemos que
tener cuidado ya que JavaScript suele hacer conversiones automáticas, y en algunas ocasiones, nos
puede ocasionar problemas.
Pero… y ¿Qué tipos de datos puede almacenar una variable?
En JavaScript podrá almacenar:
•Números: Sin distinción entre 240 y 240.5, es decir, entre entero y real.
•String: Series de caracteres encerrados entre (‘) o (“).
•Boolean: un valor lógico (true o false).
•Null: Sin valor.

Operadores
En JavaScript puede utilizar un gran número de operadores divididos según su carácter:
Operadores matemáticos
•Suma (+).
•Diferencia (-).
•Multiplicación (*).
•División ( / ).
•Módulo (%).
•Incremento (++).
•Decremento (--).
•Negación (-).

Operadores de comparación
•Igual que (==)
•Distinto a (!=)
•Menor que (<)
•Mayor que (>)
•Mayor o Igual que (>=)
•Menor o Igual que (<=)

Operadores de asignación:
•Asignación ( =).
•Se asigna a la suma o concatenación (+=).
•Se asigna a la resta (-=).
•Se asigna a la multiplicación (*=).
•Se asigna a la división (/=).
•Se asigna al modulo (%=).

Operadores con cadenas:


• Concatenación (+).
• Etc.

Vamos a resaltar un caso especial que suele llevar a errores como es el del operador + ya que en
algunas ocasiones servirá para sumar y en otras para concatenar.
Si tenemos 2 números y usamos +, lógicamente los sumará.
Si tenemos 2 cadenas y usamos +, lógicamente no los sumará sino que los concatenará.
Si tenemos un número y una cadena, JavaScript convertirá automáticamente el número a cadena y
los concatenará. EJ. 250 + “Ejemplo”, dará como resultado “250Ejemplo”, siendo esta una cadena
de texto. Hay que tener especial cuidado con este caso.
Ahora veremos que también hay que tener cuidado con el orden de preferencia de los operadores.
Imaginemos esta operación, 3 + 5 * 2.
¿Qué valor obtendremos? ¿16 o 13?, pues bien, viendo la siguiente tabla, veremos que el operador *
se ejecuta antes que el operador +, por lo que el resultado será 13.
Consejo: Utilizar paréntesis para no dar lugar a equivocación.

Cuadros de diálogo
Utilizando los cuadros de diálogo que incorpora el lenguaje JavaScript, podremos interaccionar con
el usuario, de tal forma que éste proporcione información para continuar la ejecución del script, o en
algunas ocasiones simplemente para informar de alguna circunstancia o advertencia.
En JavaScript existen 3 cuadros de diálogo predefinidos:
1. alert (mensaje): sirve para enviar un mensaje de información al usuario.
Es el más sencillo de todos y solo incluye un botón “Aceptar” con el que interaccionará el usuario.
Veamos este fragmento de código:
Esto producirá en el navegador la salida siguiente:

2. confirm (mensaje): sirve para que el usuario confirme la realización de alguna tarea. A
diferencia del cuadro anterior, ahora aparecen dos botones (Aceptar y Cancelar). Usted puede saber
qué botón se ha pulsado y actuar en consecuencia.
Veamos este fragmento de código:
Y veremos la siguiente salida en el navegador:

Observar en la línea 6, dependiendo del valor que el usuario elija (“aceptar” o “cancelar”),
podremos almacenar dicho valor en una variable “resultado” para más tarde, utilizarla o por
ejemplo imprimirla.

3. prompt (mensaje [, valor por defecto]): sirve para recabar información del usuario. Es el
cuadro de diálogo más complejo.
El valor por defecto lo utilizaremos si el usuario no escribe nada y pulsa en aceptar.

Al ejecutarlo, observará un cuadro de diálogo como este:

Entonces, habrá tres tipos de situaciones:


1.El usuario introduce su nombre, por lo que, en la variable resultado, se almacenará como
un campo de texto.
2.El usuario no introduce nada y pulsa aceptar, entonces la variable resultado tendrá el
valor por defecto (“anónimo” en este caso).
3.El usuario pulsa cancelar, entonces la variable resultado almacenará el valor lógico
(“False”).

También podría gustarte