0

おはようございます。完全に読み込んで表示するには、Webページが必要です。パーツに分けてロードしたくありません。ページは完全にレンダリングされ、ユーザーに表示される必要があります。私はいくつかのコードを試しました。ただし、指定された時間だけ読み込みを遅らせてから、最初からページを読み込みます。これには通常より時間がかかります。この問題について私を助けてください。前もって感謝します..：-）

4

6 に答える 6

0

あなたはこのようなことをすることができます、

HTML：

<html>
  <body>

    <div id="loader">Loading...</div>
    <div id="wrapper" style="display:none">
      HTML content
    </div>

  </body>
</html>

JS :( jQueryを使用）

$(window).load(function () {
    alert('Content Loaded');        
    $('#loader').hide();
    $('#wrapper').show();
})​

デモ： http： //jsfiddle.net/gWuCa/1/

于 2012-11-30T05:33:59.650 に答える
0

ここには複数のことがあります、

1、ドキュメントの準備ができました。Domは管理の準備ができています。2、画像がダウンロードされます..これで完全なドキュメントの準備ができました

最初にjqueryready関数を使用して実行できるようになります。2番目にjqueryプラグインがあります。そのため、画像がロードされたプラグインを使用すると、これを実行できるようになります。

これらのロードが発生している間にユーザーアクションを停止することは、複数の方法で行うことができます1、すべてがロードされるまで本文を非表示にすることができます（Doc + image）2、待機インジケーター付きのオーバーレイグレーを配置して、ユーザーが実行できないようにすることができますアクション

ありがとう

于 2012-11-30T05:34:48.747 に答える
0

あなたはいくつかのcssを使用してすべてを隠すことができます：

//some_div
{
  display: none;
}

次に、javascriptで、document.onloadに関数を割り当てて、そのdivを削除します。

これは本当に悪い考えだと思います。ユーザーは、わかりやすくシンプルな進捗状況を確認したいと考えています。ページを1つの状態に数秒間保持してから、読み込まれたページを即座に表示すると、ユーザーは何も起きていないように感じ、訪問を失う可能性があります。

1つのオプションは、スタッフがバックグラウンドで処理しているときにページに読み込みステータスを表示することですが、これは通常、サイトが実際にユーザー入力で処理を行っている場合に予約されています。

于 2012-11-30T05:28:33.367 に答える
0

これを使用することもできます：

CSS
body { visibility: hidden; }

JS
$(window).load(function () {
  $('body').css('visibility', 'visible');
});

もちろん、もっと凝ったものを手に入れて、CSS3トランジションを使用したり、不透明度を使ってアニメーション化したりすることができます。これは、どの程度凝ったものにするかによって異なります。

于 2012-11-30T05:28:47.250 に答える
0

多くの方法があります

  1. 使用するwindow.location.href

    window.location.href ='http://www.google.com';

  2. window.openを使用する

    window.open（'http://www.google.com'）;

  3. jQueryLoadを使用してthrougajaxをロードします。

    HTMLで

    <div id="divID" > </div>

    JavaScriptで 

    $(document).ready(function(){
   $('#divID').load('YourFolder/test.html');
});
于 2012-11-30T05:24:43.803 に答える
0

これを試して：

あなたの体のタグに：

<body style="opacity:0;">


<script>
    window.onload = function(){
       document.body.style.opacity = 1; 
    }
</script>

また、style.display（ブロックまたはなし）も可能です。

于 2012-11-30T05:26:28.950 に答える