JavaScriptの実行タイミングめも

            ただのメモ。
  1. scriptタグ内 scriptタグが解析された直後。 headに書いてあると、下にかかれたHTML(DOM要素)を解釈できない。
  2. 外部JavaScriptファイル読み込み ファイルを読み込みおわった直後。
  3. onload HTMLに書かれている画像など全てを読み込み終わった直後。 body onload="alert('hoge')" window.onload = function() { alert('hoge'); };
  4. DOMContentLoaded HTMLの解析がおわった直後。 onloadのように画像などの読み込みに依存しない。 jQueryのreadyはDOMContentLoaded。 IE8以前ではdoScroll。

onloadってそういうことだったのか。。。

参考 パーフェクトJavaScript P226 Webページを表示するときの処理の流れ

おわり。