0

PHPを使用して生成され、次を使用して実行されるJSを使用して変更されたページがある場合:

window.onload=myFunction;

次に、ユーザーには元のページが表示され、jsコードが実行されてページに独自のビットが追加されると、元のページがフリックしているように見えます。

ユーザーがこのプロセスを見ることができないようにする方法、または少なくともユーザーにわかりにくくする方法はありますか?たぶん、window.onload(画像などがダウンロードされているときに機能し始めることができるもの)よりもjavascriptをロードするためのより適切な方法がありますか?

4

2 に答える 2

3

最初に、いくつかの要素の表示を切り替えるボディにいくつかのクラスを設定することをお勧めします。

<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の準備が整い、すべての画像が読み込まれるまで待つ必要はありません。

于 2009-06-16T10:51:46.380 に答える
0

OK私はjqueryのこの小さなナゲットを見つけました。

$(document).ready(function() {
  //Call your function here
});
于 2009-06-16T10:45:15.147 に答える