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ページを表示するときの処理の流れ

おわり。