HTML + Javascript

De igual manera en la que podemos incluir contenido CSS en nuestras paginas podemos tambien incluir contenido javascript dentro de nuestro documento de diversas formas.

A continuación algunos ejemplos. Este artículo no cubre el significado ni como programar en javascritp sino brevemente su relación con HTML en distintos casos prácticos.

Javascript en linea con HTML

Codigo javascript puede ser incluido facilmente en un documento HTML, existen muchas maneras pero en esta ocación vamos a ver como poner codigo en linea con el documento HTML.

<html>
   <head>
      <title>Mi pagina web</title>
      <script> 
         var myVar = "foo";
         alert(myVar);
      </script>
   </head>
   <body>
      <h1>Titulo del documento</h1>
   </body>
</html

Referencia a archivo Javascript desde HTML

Ahora veamos como podemos hacer referencia a un documento .js con esta nueva sintaxis.

MyArchivo.html
----------------
<html>
   <head>
      <title>Mi pagina web</title>
      <script src="MyDocumento.js"></script>
   </head>
   <body>
      <h1>Titulo del documento</h1>
   </body>
</html


MyDocumento.js
------------------
var myVar = "foo";
alert(myVar);