Posteriormente a consultar expertos en el tema, programadores de varias áreas y profesores hemos dado con la respuesta al dilema y la compartimos en este post.
Solución:
Puedes colocar un script en cualquier parte del documento. Las mejores prácticas generalmente recomiendan colocar secuencias de comandos en el pie de página por cuestiones de rendimiento de carga de la página. Además, las mejores prácticas generalmente recomiendan colocar los scripts juntos para facilitar el mantenimiento.
Sin embargo, según las especificaciones, no hay restricciones sobre el lugar del documento en el que se coloca un script etiqueta. Puede colocarlos juntos en el encabezado, en la parte inferior del cuerpo, esparcidos por todo el documento o cualquier combinación de los mismos.
El uso de la construcción jQuery $(document).ready tiene el mismo resultado independientemente de dónde se coloque dentro del documento. Él key es entender la funcionalidad detrás de esta construcción:
Si bien JavaScript proporciona el evento de carga para ejecutar el código cuando se representa una página, este evento no se activa hasta que todos los activos, como las imágenes, se hayan recibido por completo.
Asi que, ready es parecido a document.onload, pero no lo mismo. No importa dónde esté el código, si lo ejecutas cuando document.onload se dispara o cuando se dispara jQuery ready. La ubicación del código en un documento solo es significativa si NO está envuelto por algún controlador/escucha de eventos.
La única restricción en la ubicación en $(document).ready es que no puede suceder antes de incluir la biblioteca jQuery. $(document).ready está usando jQuery, así que si jQuery no existe… no puedes usarlo.
Documentación
- Especificación SCRIPT en W3 – http://www.w3.org/TR/html401/interact/scripts.html
- especificación de script (html 5) en W3 – http://www.w3.org/TR/html-markup/script.html
- Poniendo Javascript en tus páginas en quirksmode – http://www.quirksmode.org/js/placejs.html
- jquery
ready– http://api.jquery.com/ready/
HASTA DONDE SE, $(document).ready El evento se genera después de que DOM se carga por completo, por lo que no importa dónde lo coloque.
Pero dicen que escriba el script al final del cuerpo porque la página se mostrará al usuario final instantáneamente y javascript continuará ejecutándose como proceso en segundo plano.
valoraciones y reseñas
Si estás contento con lo expuesto, puedes dejar un enunciado acerca de qué te ha parecido este ensayo.