jquery $(document).ready() と window.onload_javascript スキルの違いの簡単な分析

Jquery の $(document).ready() の関数は、従来の JavaScript の window.onload メソッドに似ていますが、やはり window.onload メソッドとは異なります。

1. 実行時間
window.onload は、画像を含むページ内のすべての要素が読み込まれるまで、実行する前に待つ必要があります。
$(document).ready() は、DOM 構造が描画された後、ロードされるまで待つことなく実行されます。
2.書き込み数が違います
同時に複数の window.onload メソッドを記述することはできません。複数の window.onload メソッドがある場合、1 つのみが実行されます
$(document).ready() は同時に複数記述でき、すべて実行できます
3. 簡略化した書き方
window.onload には簡略化された記述方法がありません
$(document).ready(function(){}) は $(function(){});

と省略できます。

以前の開発では、通常 JavaScript を使用しており、ほとんどの場合、最初の行は次のとおりでした。

コードをコピー コードは次のとおりです:

$(document).ready(function(){
…
});

現時点では、一部のメソッドを実行する前に、すべての js と画像がロードされるのを待つ必要はありませんが、場合によっては、すべての js と画像がロードされるまで待つ必要があります

すべての要素がロードされると、一部の画像やその他の要素がまだロードされていないため、いくつかのメソッドが実行されます。この時点では、

が発生します。

使用する必要があるもの:

コードをコピー コードは次のとおりです:

$(window).load(function() {
…
});

概要と比較: