Lecciones de JavaScript (manual, tutorial autodidacta)
JavaScript es uno de los lenguajes más populares del mundo, aunque con el tiempo pierde algo de terreno, sigue siendo muy estudiado por muchos programadores.
JavaScript te será necesario para el estudio posterior de jQuery, así que antes de adentrarte en jQuery —que a su vez es un framework de JavaScript— conviene dominar primero los fundamentos de JavaScript.
El código JavaScript se inserta directamente en el HTML de la página usando las etiquetas <script></script>:
<html> <head> <title></title> </head> <body> <script type="text/javascript"> </script> </body> </html>
Guarda este código en un archivo index.html y ábrelo en tu navegador. Ahora editaremos el código JavaScript dentro de index.html.
Comencemos mostrando mensajes sencillos con JavaScript:
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('Tutorial de JavaScript de drupalbook.org');
</script>
</body>
</html>
Con la función alert() mostramos una ventana emergente. Es muy útil para mostrar rápidamente el valor de una variable o un mensaje de error.
También podemos escribir texto directamente en la página con la función document.write():
...
<script type="text/javascript">
document.write('Tutorial de JavaScript de drupalbook.org');
</script>
...
Guarda el archivo y actualiza el navegador para ver los cambios.
Además, podemos trasladar el código JavaScript a un archivo aparte:
<html> <head> <title></title> </head> <body> <script type="text/javascript" src="script.js"></script> </body> </html>
De ese modo, el código se cargará desde script.js. Inserta en ese archivo la línea alert('Tutorial de JavaScript de drupalbook.org'); para comprobar que la conexión funciona.
Es mucho más práctico mantener el código en archivos separados para no saturar el HTML con scripts.
Este artículo sirve de introducción a JavaScript; en los siguientes capítulos exploraremos en detalle las capacidades del lenguaje.