【JavaScript】$(document).ready()？ $(window).load()？

Tweet

Category JavaScript 2010/12/09

問題

$(document).ready() と $(window).load() は何か違うの？

答え

違う。

readyはDOMが構築されたら実行される。

$(document).ready(function() {
  // Handler for .ready() called.
});

これは次のよく見かける省略形と同じ。

$(function() {
 // Handler for .ready() called.
});

loadは、使用される画像など含めて、ページが完全に読み込まれたら関数が実行される。

$(window).load(function () {
  // run code
});

そのため

$(document).ready(function() {
  // 画面にある画像の大きさを取得したいよ　→　できません×
});

$(window).load(function() {
  // 画面にある画像の大きさを取得したいよ　→　可能○
});

でした。