Curso rápido de JavaScript – Capitulo I

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones, etc.

Los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.

Cómo incluir JavaScript en documentos XHTML

La integración de JavaScript y XHTML es muy flexible, ya que existen al menos tres formas para incluir código JavaScript en las páginas web.

  1. Incluir JavaScript en el mismo documento XHTML. El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento, pero preferentemente debe ser dentro de las etiquetas <head>.

Ejemplo: (ejemplo1.html)

<!doctype html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Código JavaScript dentro del mismo documento </title>
<script type="text/javascript">
      alert("Hola mundo!!!");
</script>
</head>
<body>
<p>Primer ejercicio de JavaScript</p>
</body>
</html>

Nota: Para que la página XHTML sea válida, es necesario añadir el atributo type a la etiqueta <script>, el valor correcto es text/javascript.

Esta forma permite agregar bloques de código JavaScript en cualquier parte del documento.

2.  El código JavaScript se puede incluir en un archivo externo de tipo JavaScript (extensión «js») y enlazar dicho archivo a el documento XHTML. Es posible crear todos los archivos «js» que se requieran y cada documento XHTML puede tener enlazados tantos archivos «js» como necesite.

Ejemplo:

Archivo: codigo,js

alert(«Hola mundo!!!»);

Archivo: ejemplo2.html

<!doctype html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Código JavaScript desde archivo externo</title>
<script type="text/javascript" src="codigo.js"></script>
</head>
<body>
<p>Segundo ejercicio de JavaScript</p>
</body>
</html>

Es necesario volver a utilizar la etiqueta <script>, pero ahora se define un atributo adicional, «src» que es el que indica el URL (ubicación) del archivo JavaScript que se quiere enlazar, por ejemplo:  Si el archivo «js» esta dentro de una carpeta llamada js el código quedaria así:

<script type="text/javascript" src="js/codigo.js"></script>

Nota: Cada par de etiquetas <script> solamente puede enlazar un archivo, pero en una misma página se puede incluir tantas etiquetas <script> sean necesarias

3. Incluir JavaScript en los elementos XHTML.  Consiste en incluir trozos de código JavaScript dentro de alguna etiqueta XHTML.

Ejemplo: (ejemplo3.html)

<!doctype html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Código JavaScript en las etiquetas XHTML</title>
</head>
<body>
<a href="#" onclick="alert('Me has pulsado2')>Pulsame!!!</a>
</body>
</html>

Este método es menos utilizado, debido a que ensucia, por así decirlo, el código XHTML de la página y el mantenimiento del código es mas tedioso, pero en ciertos casos puede ser muy útil.

Definiciones importantes.

Durante el resto del curso, estaremos manejando algunas palabras que merecen una definición previa.

Script: programa, aplicación o  trozo de código creado con JavaScript. Desde una linea de código, hasta miles de líneas de código forman un script.

Sentencia: cada una de las instrucciones que forman un script.

Palabras reservadas: son palabras propias del lenguaje de programación JavaScript y que NO pueden ser utilizadas libremente, algunas de ellas son: break, continue, do, else, if, default, try, return y mas.

Sintaxis

En resumen, podríamos definirlo como:  la forma correcta de escribir el código fuente de los script  y para esto existe un conjunto de reglas que deben seguirse.

Las normas básicas de la sintaxis de JavaScript son:

  • No se toman en cuenta los espacios en blanco y las nuevas líneas. JavaScript ignora al igua que XHTML, los espacios en blanco sobrantes.
  • Se diferencia entre mayúsculas y minúsculas. No se pueden intercambiar mayúsculas y minúsculas en el script; en caso de hacerlo, el script no funcionará.
  • No se define el tipo de variable. Al crear una variable, NO es necesario indicar el tipo de datos que se almacenarán.
  • No es necesario terminar cada sentencia con punto y coma (;). Aunque JavaScript no obliga a hacerlo, mi recomendación es terminar cada sentencia con punto y coma (;).

Comentarios

Se pueden incluir comentarios. Los comentarios permiten agregar información dentro del código, pero que no sera interpretada como tal, pero que será útil para el programador.

Se definen dos tipos de comentarios, los de una sola línea y los que ocupan varias líneas.

Ejemplo de comentario en una sola línea:

//a continuación se muestra un mensaje
alert("Hola mundo!!!");

Ejemplo de comentario de varias líneas:

/*Este es un comentario de varias líneas de texto, el cual permite agregar suficiente información*/
alert("Hola mundo!!!");

Posibilidades y limitaciones.

Aunque en su momento JavaScript perdió popularidad, la aparición de las aplicaciones AJAX programadas en JavaScript, lo ha convertido en un lenguaje muy popular en la web 2.0.

Las limitaciones de este lenguaje es que, los  script no pueden comunicarse con recursos que no pertenezcan al mismo dominio desde el que se descargo el script. Los script tampoco pueden cerrar ventanas que no hayan abiertos estos mismos scripts. Los script NO pueden acceder a los archivos del ordenador del usuario y tampoco pueden leer y/o modificar las preferencias del navegador.

A pesar de esto, es posible saltarse algunas de las limitaciones anteriores.

<<Introducción                                                                 Capitulo 2>>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

20 + 14 =