Analyse des Unterschieds zwischen den Fähigkeiten window.onload und $(document).ready()_javascript

Das Beispiel in diesem Artikel beschreibt den Unterschied zwischen window.onload und $(document).ready(). Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

window.onload ist eine Funktion in Javascript, was bedeutet: Warten Sie, bis der gesamte Inhalt der Webseite geladen ist (einschließlich Bilder); $(documetn).ready() kann ausgeführt werden, nachdem alle DOM-Strukturen auf der Webseite gezeichnet wurden. Möglicherweise sind mit dem DOM verknüpfte Elemente vorhanden, die nicht geladen wurden, daher ist es im Vergleich schneller
Nehmen wir zum Beispiel ein einfaches Beispiel:

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

Gemäß obiger Bedeutung kann das Ergebnis nur „Ich bin Nr.2“ ausgeben

Ersetzen Sie

durch:

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

Ergebnisausgabe Ich bin Nr. 1, ich bin Nr. 2

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.