What are the differences between the following.
$(window).load(function(){...});
$(document).ready(function(){...});
What are the differences between the following.
$(window).load(function(){...});
$(document).ready(function(){...});
document.ready はドキュメント自体の読み込みが完了すると発生し、window.load はすべてのアセットが読み込まれると発生します。
すべてのグラフィックスがまだロードされていなくても、HTML ドキュメントがロードされ、DOM の準備が整った時点で、ドキュメントの準備完了イベントがすでに実行されます。ウィンドウが読み込まれる前に特定の要素のイベントをフックする場合は、$(document).ready が適切な場所です。
ウィンドウ読み込みイベントは、すべてのフレーム、オブジェクト、および画像を含む完全なページが完全に読み込まれる少し後に実行されます。したがって、画像やその他のページ コンテンツに関係する関数は、ウィンドウの load イベントまたは content タグ自体に配置する必要があります。
load は、画像を含むすべてのアセットの読み込みが完了すると呼び出されます。ready は、DOM が対話の準備ができたときに発生します。