Diferencia entre revisiones de «Usuario:Juanda/javascript/Introducción»

Revisión de 10:22 21 sep 2012

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

	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

<html>
	<body>
		<script type="text/javascript">
			<!--
				document.write("¡Hola Mundo!");
			//-->
		</script>
	</body>
</html>

<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

	document.write

<html>
	<head>
		<script type="text/javascript">
			....
		</script>
	</head>
...
</html>

<html>
	<head>
	</head>
	<body>
		<script type="text/javascript">
			....
		</script>
	</body>
</html>

<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

<html>
	<head>
	</head>
	<body>
		<p onclick=”funcion();">
			Ejemplo de Javascript
		</p>
	</body>
</html>

JavaScript en los propios elementos del html

@@ Línea 67: / Línea 67: @@
 ===Colocación del JavaScript===
+====JavaScript en el head====
 <source lang="html4strict">
 <html>
@@ Línea 82: / Línea 83: @@
 </div>
 <div class="slide">
+====JavaScript en el body====
 <source lang="html4strict">
 <html>
@@ Línea 97: / Línea 99: @@
 </div>
 <div class="slide">
+====JavaScript en un fichero externo====
 <source lang="html4strict">
 <html>
@@ Línea 107: / Línea 109: @@
 </html>
 </source>
-JavaScript en un fichero separado:
 *Para ahorrar código si se van a ejecutar los mismos scripts en varias páginas html.