JavaScript xdiseñadores

Qué es Java Script

Java Script es un lenguaje de programación ligero, de script, que fue diseñado para añadir interactividad en las páginas HTML.

Es un lenguaje que esta incrustado directamente en las páginas HTML, es un lenguaje interpretado lo que significa que los script del programa se ejecutan sin compilación previa.

  • No requiere licencia.
  • Es un lenguaje adecuado para diseñadores, tiene una sintaxis muy simple.
  • Puede tener contenido variable en una página HTML.
  • Se puede configurar para que se ejecute cuando algo sucede.
  • Puede leer y modificar el contenido de un elemento HTML.
  • Puede ser utilizado para validar datos.
  • Puede detectar el navegador del usuario.
  • Puede almacenar y leer cookies en el ordenador del visitante.

Su nombre real es ECMAScript, ECMA-262: http://www.ecma-international.org/
Para insertar un Java Script, es necesario usar las etiquetas <script> y un type para definir el lenguaje:
<script type="text/javascript"> … </script>

El commando: document.write sirve para escribir en una página.

<html>

<body>

<script type="text/javascript">

document.write("Hola Mundo!");

</script>
</body>
</html>

Dónde escribir el código Java script

Algunas veces es necesario que se ejecute el JS cuando se carga la página, cuando hacemos clic en un botón, o dentro de una función.

En la cabecera <head>

Escribiendo en esta sección nos aseguramos que el script se carga antes usarse.

Escribimos la función message en la cabecera. esta función se ejecuta cuando se carga la página, en el evento onload:

<html>
<head>

<script type="text/javascript">
function message()
{

alert("Esta es una ventana de alerta");

}
</script>
</head>

<body onload="message()">
</body>
</html>

alert es el comando para visualización en forma de mensaje, una ventana sobre la página. puede hacerse con un texto variable

<html>
<head>

<script type="text/javascript">
function message(salida)
{

alert(salida);

}
</script>
</head>

<body onload="message('Esta ventana de alerta se llama con el evento onload')">
</body>
</html>

En el cuerpo <body>

escribimos código en el body cuando queremos que los script se ejecuten cuando la página se carga.

<html>
<head>
</head>

<body>
<script type="text/javascript">

document.write("Este texto está escrito con javascript");

</script>
</body>

</html>

En ambos, cabecera y cuerpo

Se pueden tener script en ambas secciones.

<html>
<head>

<script type="text/javascript">
function message()
{

alert('Esta ventana de alerta se llama con el evento onload');

}
</script>
</head>

<body onload="message()">
<script type="text/javascript">

document.write("This message is written by JavaScript");

</script>
</body>

</html>

Se puede usar un Java Script externo, que es un archivo con la extensión .js

En estos archivos no debe haber las etiquetas <script></script> y el src dirige al .js

<html>
<head>

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

Java Script distingue entre mayúsculas y minúsculas para llamar variables, objetos y funciones.

document.write("Hola Mundo");

El punto y coma final no es imprescindible pero es una buena práctica de programación.

La ejecución de los scripts se realiza de forma automática cuando el navegador carga la página, o cuando el usuario pasa el ratón por una imagen, o cuando pulsa el botón de un formulario, etc.

Estos cambios provocan eventos que son recibidos por el navegador que reaccionará en la forma adecuada: si haces click en un hiperenlace se genera un evento y el navegador abre una nueva página. Esos eventos son los que se aprovechan para que se ejecuten las instrucciones que nosotros escribimos en JavaScript. A cada evento se le puede asociar una función para que haga algo. Por ejemplo cuando el navegador carga una página se produce un evento que puede aprovecharse para hacer que se abra otra, o cuando pasamos el ratón por una enlace se produce otro evento que puede aprovecharse para llamar a una función que modifique el color en que se muestra el enlace. Los eventos tienen la naturaleza de objetos, poseen métodos y propiedades. Así cuando se produce un evento podemos saber quien lo lanza, la posición de la pantalla y otras propiedades dependientes de cada evento en concreto.

Cuando el navegador carga la página empieza a leer el script para ejecutarlo y lo hace en orden secuencial hasta llegar al final.