最初に、いくつかの要素の表示を切り替えるボディにいくつかのクラスを設定することをお勧めします。
<body class="loading"> .... </body>
次に、スクリプトの読み込みが完了したら、このクラスを削除して、必要なものをすべて表示できます。「loading」クラスを使用して、Mozillaのドットの回転する円のように、派手な背景を表示することもできます。
また、一部のプロジェクトでは、「onLoad」の代わりにスクリプトをロードする別の方法を使用しています。まず、「domReady」という名前のグローバル配列を作成します。
window.domReady = [];
また、ページの読み込み時に実行される関数を追加する必要がある場合は、それを次の配列にプッシュするだけです。
window.domReady.push( function foo(){ alert('Hey!'); } );
そして、ドキュメントの最後の行に、プッシュされたすべてのプロシージャを実行する関数を配置します。
for (procedure in window.domReady) {
window.domReady[procedure].call();
}
終了タグの前のドキュメントの最後の行になるため、DOMの準備が整い、すべての画像が読み込まれるまで待つ必要はありません。