SOFTELメモ

</> 技術者募集

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

問題

$(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() {
  // 画面にある画像の大きさを取得したいよ → 可能○
});

でした。

関連するメモ

コメント(1)

【javascript】ページを読み込んだ後に実行させたい | 朝の夢 2015年2月27日 16:43

[…] 参考: 【JavaScript】$(document).ready()? $(window).load()? […]