Expresiones JavaScript para especificar valores de atributos en HTML

& => Indica comienzo de la variable.
{ } => La expresión jаvascript debe de ir entre llaves.
; => Indica la terminación.

Estructuras de control

La estructuras de control del jаvascript son iguales que las de Java, o C.

if ... else:

if (expresión ){
                acciones;
}
else{
                acciones;
}

Ejemplo:

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo sentencia if ... else</title>
</head>
<body>

<script type="text/jаvascript">

<!--
//definicion de variables
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = '<p>¡Correcto!</p>' var incorrecto = '<p>¡Incorrecto!</p>'
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0");
//comprueba la respuesta
if (respuesta_dada != respuesta_correcta) {
//respuesta incorrecta, segunda oportunidad
if ( confirm("¡No! Pulsa OK para reintentarlo.")) respuesta_dada = prompt(pregunta, "0")
}
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>

while:

while ( expresión ){
acciones;
}

for:

for ( asignación ; expresión ; incremento ){
acciones;
}

Expresión condicional:

(condición) ? valor1 : valor2;
Ejemplo:

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo operadores</title>
</head>
<body>


<script type="text/jаvascript">

<!--
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = "<p>¡CORRECTO!</p>" var incorrecto = "<p>INCORRECTO</p>"
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0")
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>

for ... in:

for (inicio;condición;incremento) {

acciones;
}

switch:

switch (condición){
case caso1: sentencias; break; case caso2: sentencias; break;
………
case casoN: sentencias; break;
}

Se puede utilizar dentro de los bucles “break” y “continue” de la misma forma que en Java.

Break: se utiliza para hacer una salida forzada de una estructura de control, siguiendo una condición.

var i = 0;
while (i < 6) {
       if (i == 3)
            break;
       i++;
}

Operadores

Asignación

=	x=10
+= , -= , *= , /= , ......	x+=y (x=x+y) , x-=y (x=x-y) , .....

Aritméticos

++	Incremento (puede ser preincremento o postincremento x=++a; x=a++; )
--	Decremento (puede ser predecremento o postdecremento x=--a; x=a--; )
-	Negación ( x= - b )
%	Módulo (var1 % var2 )

Lógicos

&&	AND
\| \|	OR
!	NOT

Lógicos para bits

&	AND
\|	OR
!	NOT
^	XOR
~	NOT
<<	Desplazamiento a la Izquierda
<<	Desplazamiento a la derecha
>>>	Desplazamiento a la derecha y mete ceros por la izquierda.

Comparación

==	igual
<	menor
<=	menor o igual
>	mayor
>=	mayor o igual
!=	distinto

Ejemplos:

if (x>3)
 if (x<10) 
   doanything( );

if (x>3 && x<10) doanything( );

Operador para String

+	Concatenar cadenas ( cad = cade1 + “ otra cosa “ )

Operadores especiales

new	Para crear instancias de un Objeto (Array, Boolean, Date, Function, Math, Number, y String ). objeto = new tipoObjeto ( para1 [,para2] ...[,paraN] )
typeof	Devuelve el tipo.
void	Para expresiones que se van a evaluar si retornar ningún valor.

La ventana ALERT

Se trata de una ventana estándar que usamos para mostrar información el pantalla. Se puede mostrar texto, variables y texto en conjunto con variables. El diseño de la ventana ya está definido lo único que podemos hacer es mostrar la información en una o varias líneas. Su diseño y sintaxis es:

alert("¡Hola, mundo!");

Vamos a realizar nuestro primer "programa" en jаvascript. Haremos surgir una ventana que nos muestre: "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.

<html>

<head> 
<title>Ejemplo Hola Mundo</title> 

</head> 
<body>

<script language="jаvascript" type="text/jаvascript">

function HolaMundo() { 
alert("¡Hola, mundo!");
}
</script>

<form>
<input type="button" name="Boton" value="Pulsame" onclick="HolaMundo()">
</form>

</body>
</html>

Ver resultado...

Continuar...

Atrás...

Indice del curso....