JavaScriptの画面描画後の実行タイミングについて

画面描画後の実行タイミングは3パターンある！

①HTMLが全て表示された後のタイミング(DOMが出揃ったとき)

HTMLが揃っただけなので、画像などHTMLと並行して読み込まれるものの制御はこのタイミングではできない

書き方の例

$(function() {
   console.log('hoge');
});

②全要素が読み込まれた後のタイミング

画像やレイヤの大きさの制御を行うのはこのタイミング！

書き方の例

$(window).load(function(){
    console.log('hoge');
});

③処理が読み込まれた後のタイミング

HTMLのソースにベタがきすれば良い
この場合、特定のDOMに対する処理は実行できない