¿En dónde es conveniente poner la etiqueta <script>? He visto que algunos lo ponen al principio y otros al final. ¿Cuál es la difer...

Josué Eduardo Apén Bal

Josué Eduardo Apén Bal

Pregunta
studenthace 4 años

¿En dónde es conveniente poner la etiqueta <script>?

He visto que algunos lo ponen al principio y otros al final.

¿Cuál es la diferencia?

5 respuestas
para escribir tu comentario
    Giuseppe Ramirez

    Giuseppe Ramirez

    studenthace 4 años

    Hola, Josué. Te recomiendo tomar el Curso de Scopes y Closures para que tengamos mayor contexto qué abarca qué. :)

    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    Solo para complementar las excelentes respuestas que ya te dieron... Tal como dices, es común encontrar la etiqueta

    <script>
    en el inicio, dentro de la etiqueta
    <head>
    del código HTML, y eso no está mal.

    La etiqueta

    <script>
    , como cualquier otra etiqueta HTML, recibe atributos. Cuando el enlace al código JS se coloca al inicio, generalmente se le agrega el atributo
    defer
    a la etiqueta
    <script>
    (
    <script src="..." defer></script>
    ); el atributo
    defer
    lo que hace es indicarle al navegador que debe terminar todo el proceso de renderizado del HTML y sólo hasta después, correr el código JS... Así no se bloquea el renderizado del HTML pero mientras eso sucede, se va descargando el JS para que cuando el HTML termine sea ejecutado de una.

    Josué Eduardo Apén Bal

    Josué Eduardo Apén Bal

    studenthace 4 años

    ¡Vaya! Tal parece de que la respuesta es más compleja de lo que esperaba. Ya me quedó más claro. ¡Muchas gracias por sus respuestas!

    Juan Castro

    Juan Castro

    teacherhace 4 años

    En nuestro caso vamos a ponerla siempre al final del body porque en la mayoría de talleres vamos a interactuar con el DOM. Esto implica que nuestras etiquetas HTML ya se deben haber creado para que podamos seleccionarlas o incluso editarlas.

    Gabriel Hernández Valdez

    Gabriel Hernández Valdez

    studenthace 4 años

    Hola , esto te lo explican en las primeras clases del curso profesional de JS, básicamente dependiendo donde pongas el script es como el navegador lo va a leer.

    Si lo colocas al principio: el navegador detiene la carga del HTML hasta que se termine de cargar todo el JS, en cambio si lo pones al final , leerá todo el HTML y al final de cargar todas las etiquetas comenzara a cargar el JS.

    Depende que quieras hacer cuando pones el script :D.

    Pd. Si haces uso de alguna etiqueta que el navegador no ha cargado mientras carga el JS te arrojara un error por que la etiqueta aun no existe.

Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.

Curso Práctico de JavaScript
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.