onloadの代わりにDOMContentLoadedを使ってみる

onloadの代わりにDOMContentLoadedを使ってみる - へぼいいいわけ

onloadイベントだとDOMの構築が完了しても画像を読み込み終わるまで待ってしまうので、代わりにDOMContentLoadedイベントを使って処理させてみます。IEにはDOMContentLoadedがないのでdocument.documentElement.doScroll("left")を監視してDOM構築が終わるまで再帰しています。

// DOM構築完了時の処理
function load(){
/*
なんかいろいろ
*/
};

// ユーザーエージェント
var userAgent = navigator.userAgent.toLowerCase();

// ページの構築が完了したらloadを呼び出す
(function(){
	if(document.addEventListener){ // opera,safari,mozilla向け
		document.addEventListener("DOMContentLoaded", load, false);
	} else if(/msie/.test(userAgent)){ // IE向け
		try {
			document.documentElement.doScroll("left");
		} catch(error){
			setTimeout(arguments.callee, 0);
			return;
		}
		load();
	} else { // その他
		window.onload = load;
	}
})();