J'ai vu cette question dans stackoverflow mais je ne pense pas qu'elle ait été répondue du tout.

Est $(document).readynécessaire?

Je lie tous mes javascripts au bas de la page, donc en théorie, ils fonctionnent tous une fois que le document est prêt de toute façon.

Est $(document).readynécessaire?

non

si vous avez placé tous vos scripts juste avant la </body>balise de fermeture, vous avez fait exactement la même chose.

De plus, si le script n'a pas besoin d'accéder au DOM, peu importe où il est chargé au-delà des dépendances possibles sur d'autres scripts.

Pour de nombreux CMS, vous n'avez pas beaucoup de choix quant à l'emplacement de chargement des scripts, c'est donc une bonne forme pour le code modulaire d'utiliser l' document.readyévénement. Voulez-vous vraiment revenir en arrière et déboguer l'ancien code si vous le réutilisez ailleurs?

hors sujet:

En remarque: vous devez utiliser jQuery(function($){...});au lieu de $(document).ready(function(){...});car cela force l'alias à $.

Non, si votre javascript est la dernière chose avant la fermeture, vous n'aurez pas besoin d'ajouter ces balises.

En remarque, un raccourci pour $ (document) .ready est le code ci-dessous.

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

Cette question pourrait être bonne. Est-ce que vous l'avez vu? jQuery: Pourquoi utiliser document.ready si JS externe en bas de page?

Non, ce n'est pas nécessaire à condition que vous sachiez qu'il n'y a pas de choses différées - et dans la plupart des cas, vous saurez si vous avez développé ce sur quoi vous travaillez de haut en bas.

- C'est lorsque vous introduisez le code de quelqu'un d'autre, sans l'avoir complètement audité, que vous ne savez pas.

Alors, demandez-vous si vous utilisez un framework ou un éditeur qui vous aide avec la structure? Apportez-vous le code de quelqu'un d'autre et vous n'avez pas pris la peine de lire chaque fichier? Êtes-vous prêt à passer par la matrice du système d'exploitation, du navigateur et de la version du navigateur pour tester votre code? Avez-vous besoin de tirer chaque once de vitesse de votre code?

document.ready () rend la plupart de ces questions hors de propos. document.ready () a été conçu pour vous faciliter la vie. Il vient à un petit (et j'ose dire acceptable) de performance.

J'ai vu des références / articles de blog sur Internet concernant l'utilisation de jquery document.ready. À mon avis, l'utiliser ou mettre tous vos javascript en bas de page sont tous deux valides. Et maintenant la question serait de savoir lequel serait le meilleur? C'est juste une question de style de programmation.

Non, ce n'est pas nécessaire. Vous pouvez placer la balise de script juste avant la balise de fermeture du corps ou, si vous supportez IE9 +, vous pouvez utiliser le JS natif.

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

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