page_adsence

2009年6月9日火曜日

window.onloadとdomready.js

domready.jsはDOM 読み込み完了のタイミングで、任意の関数を実行できるようにするJavaScriptライブラリ。
対応ブラウザは以下の通り

  • IE 7 (XP standalone)
  • IE 6 SP2
  • Firefox 2.0.0.4
  • Opera 9.21
  • Safari 2.0.4
  • Mac Firefox 2.0.0.4
  • Mac IE 5.2.3


ただし、Mac IEではwindow.onloadを代用するように実装されている。

ajax系の処理をする場合は大体window.onloadイベントが発生するのを待って処理するようにしている。
ただ、window.onloadというのはDOMツリーの構築を待つだけじゃなく、すべての画像の読み込みも待ってしまう。
これではせっかくajaxを使っているのに、もったいない。

なのでJqueryを使うのであれば$(function(){})もしくは$(document).ready()を使う。
このほうが画像のロードとか待たなくていいので早い。