Capítulo 1
A partir de ahora iré posteando aquí tutoriales simples de lenguajes de programación como JavaScript. Para este tutorial lo único que necesitaremos es un poco de conocimiento de HTML. Nada más.
Antes de nada, quiero aclarar que JavaScript NO es Java. Java es un lenguaje de programación para crear aplicaciones web y de escritorio.
JavaScript es un lenguaje de scripts que usan los programadores para crear webs con contenidos dinámicos.
JavaScript es un lenguaje de scripts compacto basado en objetos (y no orientado a objetos). JavaScript permite la realización de aplicaciones de propósito general a través de la WWW y aunque no esté diseñado para el desarrollo de grandes aplicaciones, es suficiente para la implementación de aplicaciones WWW completas o interfaces WWW hacia otras más complejas.
Por ejemplo, una aplicación escrita en JavaScript puede ser utilizada en un documento HTML proporcionando un mecanismo para el tratamiento de eventos, como un clic del ratón o bien la validación de entrada de datos en un formulario.
Sin que exista una comunicación a través de la red una página HTML con JavaScript incrustado puede interpretar, y alertar al usuario con una ventana de diálogo, de que las entradas de los formularios no son válidas. O bien realizar algún tipo de acción como ejecutar un fichero de sonido o un applet de Java.
Bien, lo primero que debemos saber, es que JavaScript es lenguaje de scripts que puede ir, bien en un documento '.html' o en un documento '.js'.
Primero veremos el JavaScript que se ejecuta dentro de el propio '.html'.
Hay 3 tipos, en todos ellos debemos de tener en cuenta, que las sentencias de JS en un '.html' se inician de la siguiente forma:
<script>
//Esto son barras de comentario. Aquí van las acciones del JS
</script>
Tipos dentro de un '.html':
1. Script inmediato:
Se ejecuta instantáneamente, al cargar la página, y además escribe directamente dentro de body, no espera ningún evento de ningún tipo.
<html>
<head>
<title>
C1 JavaScript
</title>
</head>
<body>
<script>
//El script iría aquí
</script>
Texto en body
</body>
</html>
Script posterior:
Un script posterior es visto por los navegador cuando el documento se carga, pero la sintaxis del script dice al navegador con el código nada más que estar pendiente de que existe. Estas secciones de script consisten en pequeños grupos de líneas de código que procesan información de alguna manera.
Se suelen poner entre las etiquetas de cabecera. (<head></head>) Las secciones script pueden coexistir felizmente con los otros bloques de definición de cabezera que normalmente se situa en un documento HTML, tales como los títulos de los documentos o las especificaciones BASE FONT.
<html>
<head>
<title>
C1 JS
</title>
<script>
//Script aquí
</script>
</head>
<body>
Texto HTML
</body>
</html>
Script mixto:
Son los dos juntos:
<html>
<head>
<title>
C1 JS
</title>
<script>
//Script 1 aquí
</script>
</head>
<body>
<script>
//Script 2 aquí
</script>
Texto HTML
</body>
</html>
HTML también permite incluir JS dentro de una etiqueta HTML. La forma de hacerlo es la siguiente: (usaremos el comando alert(), que sirve para mostrar una especie de pop-up en la pantalla)
<html>
<head>
<title>
C1 JS
</title>
</head>
<body>
<input type="button" value="Click" onClick="alert('Ok')">
</body>
</head>
</html>
Ejemplo:
De la misma forma, podemos usar un script posterior con un función para el 'onClick':
<html>
<head>
<title>
C1 JS
</title>
<script>
function meClicaste() {
alert('Ay!, ese me dolió más todavía')
}
</script>
</head>
<body>
Texto HTML
<input type="button" value="Clicame" onClick="meClicaste()">
</body>
</html>
Ejemplo:
Fuente: Burflip
No hay comentarios.:
Publicar un comentario