¿Cuál es la diferencia entre el código JavaScript colocado dentro de una etiqueta de encabezado y el código colocado fuera de una etiqueta de cuerpo?

Existe una idea errónea común de que ambos son iguales.

La etiqueta dentro de la etiqueta generalmente hace que la página html se cargue más lentamente. Esto se debe a que el analizador html se carga primero y, tan pronto como encuentra , primero debe cargar el intérprete de JavaScript y luego, después de cargar el script, debe volver al análisis html. Esto desperdicia algo de tiempo.

En su lugar, colocarlo después de la etiqueta primero permite que el analizador cargue primero el contenido html y luego comience a cargar el script. Por lo tanto, aquí solo hay una conmutación b / w del analizador y el intérprete. Por lo tanto, este enfoque es mejor.

Si aún desea escribir la etiqueta en , simplemente agregue la palabra “async” al final. Esto hace que el script se cargue junto con el contenido html que se está cargando.

Consulte este enlace como referencia: ¿Dónde debo colocar las etiquetas en el marcado HTML?

Se dice que JavaScript es la reina de los navegadores. Porque cuando llega, todo lo demás deja de cargarse.

Entonces, donde sea que coloque la etiqueta del script, una cosa es segura de que no se cargará nada más hasta que se cargue el script completo.

Es por eso que las personas a menudo recomiendan escribirlo fuera de la etiqueta del encabezado (es decir, en la parte inferior de la página) para que el usuario vea la vista antes de cargar el script y la página no parezca lenta.

El código JavaScript se puede guardar dentro de la etiqueta o cualquier número de veces o en ambos también. Entonces, si el código JavaScript no está dentro de la etiqueta del cuerpo, debe estar dentro de la etiqueta de la cabeza.

Entonces, lógicamente no hay diferencia en la declaración que ha mencionado.