HTMLの読み込みが完了してから実行

(window.onload = function() {

})();

ブラウザは上から順番に実行する。<script>タグを見つけたら優先的に実行しようとするので書き方によってはHTMLの要素が作られる前にJavaScriptを実行してしまうのでエラーになる場合がある。そこでwindow.onloadと書くことでHTMLの読み込みが完了してから実行される。冒頭の(と文末の)();は中の関数が他に影響しないようにガッチリ固定させる即時関数。

「今は深く考えず、おまじないとして覚えるべし」ということです。

（追記）
alucky0707さんから今回の書き方だと2回も実行されてしまうため、よろしくないというアドバイスをいただきました。文頭の(と)();を削除してwindow.onload =だけを使用するほうがが良いそうです。

window.onload = function () {
  // ここに読み込み完了時に実行してほしい内容を書く。
};

新しい方法だとjQueryを利用した

$(function () {
  // ここに処理を書く
});

という書き方もあるそうです。