Aplicación
JavaScript Interno y Externo
JavaScript puede ser aplicado dentro del código de variadas maneras:
JavaScript Interno: Al igual que el código CSS es aplicado dentro de HTML por medio
de la etiqueta <style>, elementos de JavaScript pueden ser introducidos al código por
medio de la etiqueta <script>.
JavaScript Externo: Puede hacerse un llamado a un archivo externo .js mediante el
atributo source dentro de la etiqueta <script>, de la misma manera que se hace en la
etiqueta <link> con el código CSS.
Inline JavaScript Handlers: Haciendo referencia a funciones de JavaScript dentro de
atributos del código HTML es posible hacer uso de JavaScript dentro del código. No es
una práctica recomendada, debido a la sobrecarga ineficiente de código que ello
supondría.
Estrategias de carga de Scripts
Existen problemas relacionados con la carga de Scripts en una página. Uno de los más
importantes tiene que ver con el uso de DOM y la carga de archivos HTML, dado a que si estos
son cargados luego del código HTML puede causar errores que eviten su funcionamiento.
Esto es frecuente en casos en el que el código JS sea colocado antes que el código o en casos que
el enlace al documento .js esté en la cabecera del archivo. Para evitar esto existen varios métodos
que pueden emplearse:
Event Listener: Este proceso permitirá que el código JS sea ejecutado una vez que el
"DOMContentLoaded" haya cargado y desplegado el código HTML.
[Link]("DOMContentLoaded", function() {
...
});
defer: Es un método más actualizado para lidiar con este inconveniente. Este atributo permite
que el código HTML siga siendo cargado cuando el código JS haya sido alcanzado. Los scripts
cargados con el atributo defer serán ejecutados en el orden en que estos se encuentren.
<script src="[Link]" defer></script>
async: Permitirá la carga de los archivos HTML sin bloquearlos una vez los scripts hayan sido
alcanzados. async no garantiza un orden específico de ejecución de los scripts, solo que estos no
se interpondrán con la carga del HTML. Esto permite una mayor velocidad de ejecución que el
defer, bajo la condición que los scripts sean independientes unos de otros para evitar errores.