Home‎ > ‎WebDev‎ > ‎JavaScript‎ > ‎

OnLoad

080614_20_38

JavaScriptの window.onload もしくは ボディタグにかく、 <body onload="xxx">
これらは、ページを構成する画像などの読み込みが行われるまで実行されない。
そういう仕様なわけだけれども、画像が重かったり、ウェブ計測用のビーコンなどでサーバが遠かったり遅延していたりすると onload イベントが、想定よりずっと遅延してしまうということもあり得る。

だもんで、DOMの構築が終わったら、onload を待たずに実行するTipsというのが、
結構いろいろなところで使われているらしい。

JQuery などのようなライブラリにも含まれているらしい
http://p2b.jp/index.php?UID=1152214827
http://p2b.jp/200805-events-order

下記のようないくつかの手法を組み合わせて(ブラウザによって対応状況が異なるため)
用いられている模様。

DOMContentLoaded を利用するモノ
ondocumentready を利用するモノ
doScroll を利用するモノ


Comments