document.ready
まず、document.readyはjQueryのメソッドで、DOMが完全に読み込まれた時点でコードを実行するためのものです。つまり、HTMLがまだ完全にロードされていなくても、JavaScriptコードを実行することができます。これは、例えば、特定の要素が読み込まれた時点で何らかの操作をしたい場合に有用です。
window.onload
一方、window.onloadは、HTML、CSS、JavaScriptの全てが完全に読み込まれた後でコードを実行するためのものです。つまり、すべてのリソースがロードされるまで待ってからJavaScriptコードを実行します。これは、画像などのリソースが重要な場合に有用です。
以下は、それぞれのイベントを使った例です。
// document.readyを使った例
$(document).ready(function() {
});
// window.onloadを使った例
window.onload = function() {
};
コメント