HTML JavaScript


Ejemplo

Sincrónico

<script src="path/to.js"></script>

La práctica estándar es colocar etiquetas <script> JavaScript justo antes de la etiqueta de cierre </body> . La última carga de sus scripts permite que las imágenes de su sitio se muestren más rápidamente y desanima a su JavaScript de intentar interactuar con elementos que aún no se han cargado.

Asincrónico

<script src="path/to.js" async></script>

Otra alternativa, cuando el código de Javascript que se está cargando no es necesario para la inicialización de la página, se puede cargar de forma asíncrona, acelerando la carga de la página. Usando async el navegador cargará el contenido del script en paralelo y, una vez que esté completamente descargado, interrumpirá el análisis HTML para analizar el archivo Javascript.

Diferido

<script src="path/to.js" defer></script>

Los scripts diferidos son como los scripts asíncronos, con la excepción de que el análisis solo se realizará una vez que el HTML esté completamente analizado. Se garantiza que los scripts diferidos se carguen en el orden de la declaración, de la misma manera que los scripts síncronos.

<noscript>

<noscript>JavaScript disabled</noscript>

El elemento <noscript> define el contenido que se mostrará si el usuario tiene los scripts deshabilitados o si el navegador no admite el uso de scripts. La etiqueta <noscript> se puede colocar en el <head> o en el <body> .