Ho visto questa domanda in stackoverflow ma non mi sembra che abbia avuto una risposta.

È $(document).readynecessario?

Collego tutti i miei javascript in fondo alla pagina, quindi in teoria sono tutti in esecuzione dopo che il documento è pronto comunque.

È $(document).readynecessario?

no

se hai inserito tutti i tuoi script subito prima del </body>tag di chiusura, hai fatto esattamente la stessa cosa.

Inoltre, se lo script non ha bisogno di accedere al DOM, non importa dove viene caricato al di là delle possibili dipendenze da altri script.

Per molti CMS, non hai molta scelta di dove caricare gli script, quindi è una buona forma per il codice modulare utilizzare l' document.readyevento. Vuoi davvero tornare indietro ed eseguire il debug del vecchio codice se lo riutilizzi altrove?

fuori tema:

Come nota a margine: dovresti usare jQuery(function($){...});invece di $(document).ready(function(){...});come impone l'alias a $.

No, se il tuo javascript è l'ultima cosa prima della chiusura non avrai bisogno di aggiungere quei tag.

Come nota a margine, una scorciatoia per $ (document) .ready è il codice sottostante.

$(function() {
// do something on document ready
});

Questa domanda potrebbe essere buona. L'hai letto? jQuery: Perché usare document.ready se JS esterno in fondo alla pagina?

No, non è necessario a condizione che tu sappia che non si verificano cose differite e nella maggior parte dei casi saprai se hai sviluppato ciò su cui stai lavorando dall'alto verso il basso.

- È quando inserisci il codice di qualcun altro, senza controllarlo a fondo, che non lo sai.

Quindi, chiediti se stai usando un framework o un editor che ti aiuta con la struttura? Stai portando il codice di qualcun altro e non ti sei preso la briga di leggere ogni file? Sei pronto a passare attraverso la matrice del sistema operativo, del browser e della versione del browser per testare il tuo codice? Hai bisogno di spremere ogni singolo grammo di velocità dal tuo codice?

document.ready () fa sì che molte di queste domande diventino irrilevanti. document.ready () è stato progettato per semplificarti la vita. Si tratta di un piccolo (e oserei dire accettabile) successo di prestazioni.

Ho visto riferimenti / post di blog su Internet riguardo all'uso di jquery document.ready. Secondo me sono entrambi validi sia usarlo che mettere tutto il tuo javascript in fondo alla pagina. E ora la domanda sarebbe quale sarebbe meglio? È solo una questione di stile di programmazione.

No, non è necessario. Puoi inserire il tag dello script subito prima del tag di chiusura del corpo oppure, se stai supportando IE9 +, puoi utilizzare JS nativo.

<script>alert('DOM Loaded!');</script>
</body>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
      // DOM has loaded ready to fire JS scripts
    });
</script>