|
|
Línea 112: |
Línea 112: |
| [[Archivo:ejercicio3.png|300px|thumb|left|Pantallazo ejercicio]] | | [[Archivo:ejercicio3.png|300px|thumb|left|Pantallazo ejercicio]] |
| }} | | }} |
| + | |
| + | </div> |
| + | |
| + | <div class="slide"> |
| + | * Solución ejercicio 3: |
| + | <source lang="html4strict"> |
| + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| + | <html xmlns="http://www.w3.org/1999/xhtml"> |
| + | <head> |
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| + | <title>Ejercicio 2 - Mostrar mensajes complejos</title> |
| + | <script type="text/javascript"> |
| + | var msg = "Hola Mundo! \n Qué facil es incluir \'comillas simples\' \n y \"comillas dobles\" "; |
| + | alert(msg); |
| + | </script> |
| + | </head> |
| + | <body> |
| + | <p>Esta página muestra un mensaje complejo</p> |
| + | </body> |
| + | </html> |
| + | </source> |
| + | |
| | | |
| </div> | | </div> |
| | | |
| </div> | | </div> |
Revisión de 06:53 24 sep 2012
javaScript
Tutorial para desarrollar en Web mediante JavaScript
Sintaxis
- JavaScript diferencia MAYÚSCULAS y minúsculas
- Las instrucciones no necesitan acabar en punto y coma.
document.write("¡Hola Mundo!");
//también puede acabar en salto de línea:
document.write("¡Hola de nuevo Mundo!")
// comentario de una línea
/* comentario
Multilínea */
- Se ignoran los espacios extras en blanco:
nombre="Pepito";
nombre = "Pepito";
Son equivalentes
- Aviso de continuación de sentencia en otra línea:
document.write("Hello \
World!");
Variables
Las variables no se inicializan (su valor está vacío). ¡Habrá que inicializarlas!
- Declaración e inicialización de variables
var x=5;
var _nombrecoche=”volvo”;
Las variables se pueden declarar e inicializar a la vez. Si es texto, ¡entre comillas!
- Se pueden utilizar variables sin haber sido declaradas:
var numero_1;
var numero_2;
numero_1 = 3;
numero_2 = 1;
resultado = numero_1 + numero_2;
var iva = 16; // variable tipo entero
var total = 234.65; // variable tipo decimal
/* El contenido de texto1 tiene comillas simples, por lo que
se encierra con comillas dobles */
var texto1 = "Una frase con 'comillas simples' dentro";
/* El contenido de texto2 tiene comillas dobles, por lo que
se encierra con comillas simples */
var texto2 = 'Una frase con "comillas dobles" dentro';
\' comilla simple
\" comillas
\& ampersand
\\ backslash
\n nueva línea
\r retorno de carro
\t tabulador
\b backspace
\f form feed
Ejercicio 3
Crea una página que guarde un texto en una variable y lo muestre luego por pantalla:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio 2 - Mostrar mensajes complejos</title>
<script type="text/javascript">
var msg = "Hola Mundo! \n Qué facil es incluir \'comillas simples\' \n y \"comillas dobles\" ";
alert(msg);
</script>
</head>
<body>
<p>Esta página muestra un mensaje complejo</p>
</body>
</html>