jQueryなしのDOM読み込み後実行処理

jQueryなしの環境で、DOM要素読み込み後javascriptを実行させる書き方です。
ちなみに、jQueryありの場合はこうなります。

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

window.onloadで直接書くと解釈が変わる

jQueryなしの場合は、addEventListenerやattachEventでonloadイベントへ追加するよう書きます。
addEventListener → attachEvent → 直接 の優先度で実行しています。

var init = function(){
	// ここへ処理を書く
}
if( window.addEventListener ) {
	window.addEventListener( 'load', init, false );
}
else if( window.attachEvent ) {
	window.attachEvent( 'onload', init);
}
else {
	window.onload = init;
}

優先度の最後で指定したこの書き方、window.onloadで直接ファンクションを呼び出した場合
最後に紐付けたファンクションのみがonloadで実行される形になります。
jQueryの$(function…では複数指定してもすべてonloadに紐付けてくれますが
window.onloadの直接指定は挙動が異なりますので注意が必要です。

var init = function(){
	// ここへ処理を書く
}
window.onload = init;

関連記事

Pocket