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

Revisión de 10:24 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>

@@ Línea 115: / Línea 115: @@
 <div class="slide">
+====JavaScript como valor de un atributo ====
 <source lang="html4strict">
 <html>
@@ Línea 126: / Línea 127: @@
 </html>
 </source>
-JavaScript en los propios elementos del html
-* Ensucia el código xhtml y complica el mantenimiento del javascript
+* Ensucia el código html y complica el mantenimiento del JavaScript
 * Solo lo utilizaremos aquí para algunos casos especiales
 </div>