Introducción a JavaScript: Fundamentos y Usos
Traducido por
ScribdTranslationsIntroducción a JavaScript: Fundamentos y Usos
Traducido por
ScribdTranslationsIntroducción a JavaScript
Instructor: Syda Fatima
JavaScript
JavaScript es un lenguaje de secuencias de comandos del lado del cliente
JavaScript fue diseñado para agregar interactividad a las páginas HTML
JavaScript se utiliza en millones de páginas web para mejorar el diseño, validar
formularios, detectar navegadores, crear cookies, y mucho más
JavaScript es un lenguaje interpretado (lo que significa que los scripts se ejecutan sin
compilación preliminar
JavaScript generalmente se incrusta directamente en las páginas HTML
Everyone can use JavaScript without purchasing a license
JavaScript es el lenguaje de secuencias de comandos más popular en Internet y funciona
en todos los navegadores principales, como Internet Explorer, Mozilla, Firefox, Netscape,
Ópera.
JavaScript: Usos comunes
JavaScript proporciona a los diseñadores de HTML una herramienta de programación
JavaScript puede reaccionar a eventos
JavaScript puede leer y escribir elementos HTML
JavaScript se puede usar para validar datos
JavaScript se puede utilizar para detectar el navegador del visitante
JavaScript se puede utilizar para crear cookies
Incrustando JavaScript en HTML
Hay dos métodos para incrustar JavaScript en el código HTML.
oScript Interno: escrito directamente en código HTML
oScript externo: escrito en un archivo separado
<script> se utiliza para indicar al navegador que sigue un script
Guion interno
La etiqueta <SCRIPT> se utiliza para incrustar código JavaScript en documentos HTML
<SCRIPT LENGUAJE="JavaScript">
[Instrucciones de JavaScript...]
</SCRIPT>
JavaScript se puede colocar en cualquier lugar entre las etiquetas <HTML> y </HTML>
dos posibilidades son la sección <HEAD>…</HEAD> y la
<BODY>…</BODY> porción
<HTML>
<HEAD><TITLE>Using Multiple scripts</TITLE>
<SCRIPT LANGUAGE="JavaScript">
[Declaraciones de JavaScript...]
</SCRIPT>
<SCRIPT LENGUAJE="JavaScript">
[Declaraciones de JavaScript...]
</SCRIPT>
</CABEZAL>
<CUERPO>
<H1>Este es otro guion</H1>
<SCRIPT LENGUAJE="JavaScript">
[Instrucciones de JavaScript...]
</SCRIPT>
</Cuerpo></HTML>
Script externo
Colocamos el script en un archivo separado e incluimos esto en el código HTML
El atributo SRC del <SCRIPT> se utiliza para incluir el archivo JavaScript externo.
in HTML
o<script src="[Link]"> </script>
Son útiles cuando tienes guiones largos.
Mejorar la legibilidad
Convención de JavaScript
Uso del punto y coma
[Link]("Hola"); alert("Adiós")
[Link]("Hola")
alert("Adiós")
[Link]("Hola");
alert("Adiós");
Sensibilidad a mayúsculas y minúsculas
Comments:
una línea
oMúltiples líneas /* */
Usando citas
[Link](“<font color=“red”>Hola Mundo</font>”)
[Link](“<font color=‘red’>Hola Mundo</font>”)
Escribiendo JavaScript
Variables en JavaScript
Variable es el nombre de una ubicación de memoria que contiene los datos de un cierto
tipo (tipos de datos)
Hay cuatro tipos de datos comunes en JavaScript
números, cadenas, booleanos, valores nulos
JavaScript es un lenguaje de tipado dinámico
La palabra 'var' se utiliza para declarar una variable
ovar LastName = “Smith”
ovar AccountNumber = 1111
Variable Naming
El primer carácter no puede ser un dígito
Otros caracteres pueden ser dígitos, letras o guiones bajos
Las palabras reservadas no se pueden usar
sensible a mayúsculas y minúsculas
Inicialización de variables
ovarvariableName=initialValue
ovar variableName1 =initialValue1, variableName2 =initialValue2, …
Operadores de JavaScript
Un operador es simplemente un símbolo que le dice al compilador (o intérprete) que
realizar una cierta acción
Operador de Asignación: =
Operadores Aritméticos: +, - , *, /, %, ++, --
Logical Operators: &&, ||, !
Comparison Operators: = =, = = =,! =, != =, <, >, <=, >=
Entrada y salida en JavaScript
write(); se utiliza para escribir en el navegador
[Link]("hola mundo")
[Link](a)
prompt(); se utiliza para tomar entradas de los usuarios
ovar num = prompt("Por favor, ingrese un número", 0)
Funciones de JavaScript
Funciones definidas por el usuario
Funciones predefinidas
Las funciones se definen usando la palabra clave función, seguida del nombre de
la función y lista de parámetros
funciónfunctionName([parámetros])
{
[statements]
}
Llamando a una función
La sintaxis de una llamada a función es:
functionName([arguments])
Eventos comunes
onClick
onDblClick
onChange
onFocus
al pasar el mouse
onMouseOut
enviar
al cargar
Algunas funciones matemáticas predefinidas comunes
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
Instrucciones condicionales
Declaración if
si (condición)
declaración
si(condición)
{ statements }
Instrucción if-else
si(condición)
{statement}
else
{statements}
Bucles
Bucle for
para(vari=1;i<10;i++)
{
[Link]("hola mundo")
}
bucle while
Mientras(condición)
{
}
