Curso de JavaScript
De WikiEducator
Saltar a: navegación, buscar
Contenido
Introducción
Qué es JavaScript
- Es EL LENGUAJE de scripts en la Web
- Es un lenguaje de scripts, interpretado (no se compila, lo interpreta directamente el navegador), sin coste por licencia.
- Se inserta directamente en las páginas html.
- No tiene nada que ver con Java. Java es un lenguaje mucho más complejo y potente.
- Requiere tener un conocimiento previo de HTML / XHTML
Para que sirve JavaScript
- Herramienta de programación (sentencias condicionales, bucles...)
- Inserción de texto dinámico en una página HTML:
document.write("<h1>" + name + "</h1>")
- Puede reaccionar a eventos: Página que termina de cargar, click en un elemento HTML, etc.
- Lee y escribe elementos HTML
- Validación de datos en formularios (ahorra procesamiento al servidor y agiliza la respuesta a errores para el usuario).
- Detección del navegador del usuario
- Creación de cookies
Etiquetas de JavaScript en el código html
<html> <body> <script type="text/javascript"> <!-- document.write("¡Hola Mundo!"); //--> </script> </body> </html>
- Etiquetas de JavaScript:
<script type="text/javascript"> </script>
- Comentario en html (para que el navegador no muestre el javascript como texto si no lo sabe ejecutar). ¡Se debe poner para hacer validación W3C!
<!-- -->- Comentario en JavaScript, útil en el ejemplo anterior, para que no se interprete dentro del JavaScript la marca de comentario de html:
// Comentario en JavaScript- Método write del objeto document para escribir en la página web:
document.writeColocación del JavaScript
JavaScript en el head
<html> <head> <script type="text/javascript"> .... </script> </head> ... </html>
- Ejecución mediante llamada, al “disparar” (trigger) un evento.
- Ejecución previa a la renderización del del body
JavaScript en el body
<html> <head> </head> <body> <script type="text/javascript"> .... </script> </body> </html>
- Ejecución: Al cargar la página (generará contenido de la página)
JavaScript en un fichero externo
<html> <head> <script type="text/javascript" src="xxx.js"></script> </head> <body> </body> </html>
- Para ahorrar código si se van a ejecutar los mismos scripts en varias páginas html.
- El script de JavaScript externo debe tener extensión .js
JavaScript como valor de un atributo
<html> <head> </head> <body> <p onclick=”funcion();"> Ejemplo de Javascript </p> </body> </html>
- Ensucia el código html y complica el mantenimiento del JavaScript
- Solo lo utilizaremos aquí para algunos casos especiales
Etiqueta noscript
- El javascript puede estar deshabilitado por el usuario o por el navegador.
- Si la página web requiere JavaScript para su correcto funcionamiento, se incluya un mensaje de aviso al usuario indicándole que debería activar JavaScript para disfrutar completamente de la página
<head> …. </head> <body> <noscript> <p>Bienvenido a Mi Sitio</p> <p> Esta página requiere para su funcionamiento el uso de JavaScript. Si lo has deshabilitado intencionadamente, por favor vuelve a activarlo. </p> </noscript> </body>
