1

HTML、CSS、およびJavascriptのみを使用して、Web開発の世界は、Webページが画面に表示される前に、すべてが完全にダウンロードされるまで、読み込みメッセージを画面に表示できる段階に達しましたか？

たとえば、すべてのhtml、css、javascript、画像などがダウンロードされ、ロードメッセージが消えた後もWebサイトの一部が表示されない状態で表示できるようになるまで、「ロード中」を表示しますか？

更新、.LOADが機能しない：

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>

        <script  type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

        <script type="text/javascript">

            $(document).load(function(){

                alert("loaded");

            });

        </script>
    </head>
    <body>

    </body>
</html>
4

3 に答える 3

2

絶対にこれはjQueryとjavascriptで確実に達成されます：

$(function(){

    $('body').addClass('loader'); // this will show the loading gif

    $(window).load(function(){
        $('body').removeClass('loader'); // remove the loader when window gets loaded.
        $('#wrapper').show();    // show the wrapper div after everything loaded.
    });

});
于 2012-12-18T17:08:45.533 に答える
1

$（window）.load（）を使用できます

$(window).load(function(){
    alert("");
})
于 2012-12-18T17:01:14.247 に答える
-1

はい、ここ<body>に説明されているonLoadプロパティがあります。例：

<script type="text/javascript">
function done() {
    document.getElementById("loadingtext").innerHTML = "";
}
</script>

<body onload="done()">
<div id="loadingtext">Loading...</div>

しかし、もちろん、フレームワークを使用する方が簡単です。

于 2012-12-18T17:02:03.260 に答える