JavaScriptでDOM操作を行うときはDOMツリーの完成を待ってから処理を行う必要があるため
window.onload を待って処理を行う必要があります。
しかし window.onload は全てのファイルの読み込み完了時に発生するイベントなので、DOMツリーの完成だけを待っている場合画像の読み込み等も待たなくてはならず、無駄が生じます。
そこでDOMツリーの完成を待つイベントを発生させるライブラリ domready.js ↓
[window.onload 前でも DOM 処理が可能なら通知してくれる domready.js - METAREAL](http://weblog.metareal.org/2007/07/10/domready-js-cross-browser-ondomcontentloaded/)
Event.domReady.add(function() {
alert('DOMツリーの読み込みが完了しました');
});
$(document).ready(function(){
alert('DOMツリーの読み込みが完了しました');
});
jQuery.event.add(window, "load", function(){
alert('全てのデータの読み込みが完了しました');
});
YAHOO.util.Event.onDOMReady( alert('DOMツリーの読み込みが完了しました') );
document.observe('contentloaded', function() {
alert('DOMツリーの読み込みが完了しました');
});
window.addEvent('domready', function() {
alert('DOMツリーの読み込みが完了しました');
});