あるJavaScriptのコードを、ページ全体が読み込まれた後に実行したいときは「window.onload」を使うようにします。

例えば<head>〜</head>内に以下のコードが記述されていたとします。

<head>
<script>
(function(){
	alert(document.getElementById('sample').innerHTML);
})();
</script>
</head>

このケースでは無名関数((function(){〜})();)を使っていますが、このコードは即座に実行されるためdocument.getElementByIdのときに引数である「sample」を取得できません。

この場合は最初に説明した通り window.onload を使って以下のように書き換える必要があります。

<head>
<script>
window.onload = function(){
	alert(document.getElementById('sample').innerHTML);
})();
</script>
</head>