Hola JavaScript-Mundo [Feb. 14, 2012, 9:56 a.m.]
Para que el JavaScript se ejecute debe estar asociado a algún archivo HTML. En este sentido es similar al CSS. Veamos un ejemplo:
<html> <body> <script type='text/javascript'> document.write('Hola JavaScript-Mundo'); </script> </body> </html>
Analicemos el ejemplo
-
Para insertar JS (vamos a abreviarlo de ahora en adelantes) utilizamos el tag <script>
-
document representa el documento/archivo que estamos utilizando.
-
La función write( ) pertenece al documento (document) y nos permite desplegar texto al mismo. El texto que queremos desplegar se lo enviamos como parámetro.
-
Cada línea de código en JS debe terminar con un punto-y-coma ( ; )
También podemos insertar el JS en el <head>
<html> <head> <script type='text/javascript'> document.write('Hola JavaScript-Mundo'); </script> </head> <body> </body> </html>
Podemos tener varios scripts de JS en un solo documento
<html> <head> <script type='text/javascript'> document.write('Este JS se encuentra en el Head <br/>'); </script> </head> <body> <script type='text/javascript'> document.write('Este JS se encuentra en el body'); </script> </body> </html>
Si te preguntas en que parte es recomendable poner tu JS, si en el <head> o en el <body> la respuesta es: depende de la situación, pero es recomendable que lo pongas al final de tu <body> para evitar algunos problemas.
OJO: La función write( ) no demuestra realmente el potencial que tiene JS, pero la utilizamos porque es un ejemplo sencillo para mostrar la sintaxis.
Para completar esta tarea:
-
Crea un archivo HTML
-
Añádele alguno de los ejemplos de código
-
Abre el archivo con tu browser de preferencia (debe tener javascript habilitado) y revisa que se desplieguen los mensajes correspondientes. En el último ejemplo debes ver algo como esto