Manual: JavaScript básico

Para utilizar JavaScript necesita saber la diferencia entre un código JavaScript y un código corriente de HTML. Cómo se identifica un código JavaScript? Simple, debe mirar las corchetes. Todos los códigos JavaScript los tienen <SCRIPT> atl principio y </SCRIPT> al final.

El corchete de aperture, es generalmente así: <SCRIPT language="JavaScript">

El comando language="JavaScript" está allí para que el navegador pueda identificar que el código que sigue a continuación, está en JavaScript y no en ningún otro lenguaje de script, como por ej.: Visual Basic Script. VBScript.

<SCRIPT language="JavaScript">
// -- JavaScript Code --
</SCRIPT>

No hay límite para el número de scripts que una página en html pude contener. No olvide siempre cerrar sus corchetes antes de continuar. Las funciones dentro de estos <HEAD> </HEAD> corchetes en su documento son una función JavaScript (Esto lo trataremos en próximos manuales). Nosotros siempre ponemos estas funciones entre <HEAD> </HEAD> > los corchetes, de tal manera que sus funciones sean cargadas antes de que la página comience a ser mostrada, y así no verá una cantidad de diferentes tipos de errores de JavaScript.

<HEAD>
<TITLE>Your title </TITLE>
<SCRIPT language="JavaScript">
function xxxxx()
{
JavaScript Stuff...
}
</SCRIPT>
</HEAD>

Antes de comenzar a escribir los scripts, debemos hacer algo, los navegadores viejos no pueden leer los corchetes <SCRIPT> Entonces en lugar de ejecutar el JavaScript, mostrarán solo el texto. Para resolver este problema, se debe “truquear” al navegador para que ignore el texto dentro de los corchetes <SCRIPT>Los comentarios de HTML serán usados, los navegadores viejos ignorarán el texto dentro de los comentarios, mientras que un navegador capaz de leer JavaScript seguirá su labor y procesará su script. A continuación como hacerlo:

<SCRIPT language="JavaScript">
<!-- Este abre los comentarios HTML que esconden el script de los navegadores viejos ......JavaScript Statements....... //--> Este cierra la sección de comentarios y el navegador procederá a leer de manera normal
</SCRIPT>

Qué puede hacer JavaScript?

  1. JavaScript le ofrece a los diseñadores HTML una herramienta de programación
    • Los autores de HTML usualmente no son programadores, pero JavaScript es un lenguaje de script con un sintaxis muy simple!
    • ost anyone can put small "snippets" of code into their HTML pages
  2. JavaScript puede poner texto dinámico en una página de HTML
    • Un “JavaScript statement” como este: document write ("<h1>" + name + "</h1>") puede escribir un texto variable en una página de HTML
  3. JavaScript puede reaccionar ante eventualidades
    • Un JavaScript puede programarse para ejecutarse cuando algo pasa, como cuando una página ha terminado de cargarse o cuando un usuario hace clic en un elemento HTML
  4. JavaScript puede leer y escribir elementos HTML
    • Un JavaScript puede leer y cambiar el contenido de un elemento HTML
  5. JavaScript puede ser usado para validar datos
    • Un JavaScript puede ser usado para validar un formulario de datos antes de que sea enviado al servidor, lo cuál le ahorrará tiempo de extra de procesamiento al servidor.
  6. JavaScript puede ser usado para detectar el navegador del visitante
    • Un JavaScript puede ser utilizado para detector el navegador del visitante, y – dependiendo del navegador – cargar para página específicamente diseñada para dicho navegador
  7. JavaScript puede ser usado para crear cookies
    • Un JavaScript puede ser usado para almacenar y recuperar información en la computadora del visitante.