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

おわり。

Pocket

Posted in JavaScript.

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">