Inicia sesión


Expresiones JavaScript para especificar valores de atributos en HTML

Expresiones jаvascript 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....


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Efectos jQuery - Ocultar y mostrar

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Como abrir un enlace con jQuery

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Cómo rastrear a los usuarios de Adblock usando Google Analytics

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google WebSite Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial