viernes, 10 de junio de 2011

Javascript ~ Conceptos Básicos

Hola a todos, en este tutorial voy a explicar lo más básico de javascript, como mostrar un mensaje, por ejemplo, bueno, empezemos:

Para poder trabajar con Javascript necesitamos un editor de texto plano, como puede ser un documento normal y corriente. Cuándo ya lo tengamos escribimos esto:

<html>

<head>
<script>

</script>
</head>

<body>

</body>


</html>

¿Oh, qué es esto? pensarán algunos al ver este código. Lo explicaré paso a paso.

El <html> es elemental, es para empezar un código (algunas cosas del javascript se pueden aplicar al HTML, y a la inversa) un código HTML o Javascript siempre empieza con eso

 El <head> es la encabezación de la página, lo que vendrá primero.

El <script> sirve para habilitar los scripts, si pones un script  sin esta etiqueta el script no funcionará

El </script> sirve para terminar la función de <script>

 El </head> sirve para terminar la función del <head>, para que lo entendáis mejor os pondré un ejemplo

<head>
(imáginad  que éste es el código que se ponde dentro del head)              
</head>


<head>
</head>                                                                                                NO
(imáginad que éste es el código que s epone dentro del head)


El <body> es el cuerpo del código, que va después del head

El </body> Termina la función del <body> (como en el ejemeplo anterior, sustituyendo head por body

El </html> sirve para finalizar la función del código Javascript


              CURIOSIDAD:
Todas o casi todas las etiquetas finalizan su función poniendo barra ("/") a la izquierda de su etiqueta correspondiente

Ahora aprenderemos a mostrar un mensaje en tu página web. debemos de poner lo siguiente dentro de la etiqueta <head>:

document.write ("Aquí tu mensaje");

¿Pero..., y los números? Se preguntarán otros. Pues los números son sin las comillas, quedando así:

document.write (5);

Es así de simple, no tiene más secreto, cuándo terminéis vuestro código lo guardáis con el nombre que queráis pero que termine en .html, es lo más importante, lo abrís y os saldrá una página web con el mensaje puesto anteriormente


Ahora aprenderemos a hacer alertas. Una alerta es un mensaje que se muestra en una ventana aparte con un mensaje predefinido anteriormente. Atención, ahora necesitamos la etiqueta <script> pero modificada:

<script type="text/javascript">

Lo traduciré, jejeje:  Los scripts de texto javascript han sido habilitados

Después de poner eso, pondriamos el script de la alerta:

alert ("Aquí tu mensaje");

                Ó
alert (5);


                                                              PRÁCTICA:
<html>
<head>
<script type="text/javascript">
document.write ("Hola, esto es un mensaje);
alert ("¡ALERTA, ALERTA, ESTOY UTILIZANDO UNA ALERTA!");
</script>
</head>
</html>

Espero que os sirva ¡Un saludo!

2 comentarios:

  1. Hello from Clearwater Florida USA!
    Great Blog!!!!!!!
    Give me a shout! www.wkid967fm.com

    ResponderEliminar
  2. Oh tanks, very thanks, This is my first blog but I see, I went right You are my first comment (my english is little) Thaanks!

    ResponderEliminar