ページ読み込み後に処理を行う方法 (onloadイベント)

Windowオブジェクトのonloadイベントハンドラに、JavaScriptコードを登録します。

function Foo()
{
}

window.onload = Foo;

これはHTMLで、<body>タグのonload属性に設定することと同義です。

イベントが先に登録されていることを考慮したコード

前述の方法では先にonloadイベントが登録されていると、それを上書きして消してしまいます。よって複数のイベントが登録されることが想定されるならば、次のようにイベントを追加すべきです。

if( window.addEventListener )
{
    window.addEventListener( 'load', Foo, false );
}
else if( window.attachEvent )
{
    window.attachEvent( 'onload', Foo );
}
else
{
    window.onload = Foo;
}

なおこれはクロスブラウザに対応したイベントの実装の方法によるものです。

bodyタグのonload属性

Documentオブジェクトのbodyプロパティの属性として次のように記述すると、ブラウザによって処理が異なることがあります。よって前述の方法を用いるべきです。

function Foo()
{
}

document.body.onload = Foo;

関連ページ