JavaScript 02. Dónde ubicar nuestro código

2. Dónde ubicar nuestro código.

- Casi siempre lo veremos ubicado dentro de lo que es el head de nuestro documento html.
- O dentro del body.
- O fuera del body antes del final de la etiqueta </html>.
- O en un archivo externo .js que enlazaremos desde una etiqueta desde nuestro head.

- En el ejemplo anterior hemos escrito el código dentro de nuestro head, esto que implica. Pues que cada vez que cargamos esta página web en nuestro navegador, este comienza a leer las líneas una a una, de arriba abajo. Y antes de cargar lo que hay en la página web, dentro del body, se encontrará con nuestro código JavaScript, y se ejecutará antes que nuestro contenido.

Primero:

 Después:

- Vemos como se ejecuta la ventana alert antes de poder ver el contenido de nuestra página web.
Esto por que ocurre, pues por dos circunstancias:
- Primero porque el código JavaScript se está ejecutando antes que el body.
- Y segundo porque estas ventanas alert tienen dos características muy importantes:

- La primera es que son ventanas modales, abren en primer plano y no dejan manipular nada en segundo plano.

- La segunda es que detienen el flujo de ejecución del programa

- Si ese código los llevamos al final de la etiqueta body, este comportamiento será diferente, primero carga el contenido que hay dentro del body e inmediatamente después mostrará la ventana de alert.

- Si en lugar de escribir la ventana modal en el head, escribimos la instrucción
  document.write("HOLA MUNDO"); este texto se escribiría al inicio de nuestra página web.

- Si este código lo colocamos en el body dentro de una etiqueta h1 este aparecerá en esta ubicación.

- Podemos ubicar este código en un archivo externo JavaScript e invocarlo desde nuestro documento hml, <script src="js/00Funciones.js"></script> con esto lo que ganamos es que si tenemos que escribir el mismo código en distintas páginas, con cargar el archivo externo es suficiente, y si hemos de modificar el código, sólo lo hemos de modificar en un solo lugar.

- Una cuestión importante es que si queremos modificar el DOM, elementos de nuestro html, hemos de incluir nuestro código JavaScript al final, para que todo nuestro documento este cargado.
Si yo llamo a mi código JavaScritp desde el header, puedo conseguir esto escribiendo el atributo defer en la etiqueta <script src…defer>.
De esta forma el ultimo código que se ejecuta es el que está linkado en el header.