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....

Te sugiero seguir leyendo...


  • 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
Expresiones JavaScript para especificar valores de atributos en HTML Expresiones JavaScript para especificar valores de atributos en HTML...
Tutoriales en linea




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






Cómo espiar Facebook y obtener la cuenta de alguien

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-23
  • Categorias: Android Redes Sociales Facebook Noticias Tutorial

Saber si te han hackeado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-16
  • Categorias: Redes Sociales hacker Noticias Tutorial

Mejoras en los graficos y tablas en Google App

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-14
  • Categorias: Google Apps Herramientas Ofimaticas Noticias Tutorial

Access desde cero

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-14
  • Categorias: Herramientas Ofimaticas Microsoft Cursos Noticias Tutorial

Curso de CSS avanzado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 html5 Html Cursos Noticias Tutorial

Curso de Introducción a CSS

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 WebSite webmasters Cursos Noticias Tutorial