Comment puis-je obtenir la fonctionnalité de $(document).ready() sans utiliser jQuery ?

Équivalent à $(document).ready() Sans jQuery

La fonction $(document).ready() dans jQuery est une gestionnaire d'événements qui attend que le DOM se charge avant d'exécuter son rappel. Si vous n'utilisez pas jQuery, vous pouvez obtenir le même effet en utilisant l'extrait de code suivant :

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

Cette méthode attache un écouteur à l'événement "DOMContentLoaded", qui est déclenché lorsque l'arborescence DOM a été chargé (à l'exclusion des actifs externes tels que les images).

Différences par rapport à window.onload

Il est important de noter que window.onload ne se comporte pas exactement comme $(document) .prêt(). Pendant que window.onload attend que le DOM se charge et que tous les éléments terminent le chargement, $(document).ready() attend uniquement que le DOM se charge. Cela peut être important si votre script repose sur la présence d'éléments DOM, surtout si vous utilisez des ressources externes.

IE8 et équivalent plus ancien

Pour les navigateurs plus anciens que IE9, l'extrait de code suivant peut être utilisé :

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

Ce code vérifie l'état "interactif" du document, ce qui indique que l'arborescence DOM a été chargée mais que des ressources externes peuvent encore être en cours de chargement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!