Analyse de la différence entre les compétences window.onload et $(document).ready()_javascript

L'exemple de cet article décrit la différence entre window.onload et $(document).ready(). Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

window.onload est une fonction en Javascript, ce qui signifie : attendre que tout le contenu de la page Web soit chargé (y compris les images)
$(documetn).ready() peut être exécuté une fois que toutes les structures DOM de la page Web ont été dessinées. Il peut y avoir des éléments associés au DOM qui n'ont pas été chargés, c'est donc plus rapide en comparaison ;

Par exemple, prenons un exemple simple :

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

Selon la signification ci-dessus, le résultat ne peut afficher que "Je suis le n°2"

Remplacez

par :

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

Résultat Je suis n°1, je suis n°2

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.