Question

仅使用HTML，CSS和Javascript，Web开发世界已经进入了一个阶段，可以在屏幕上显示加载消息，直到屏幕上显示网页之前所有内容都已下载完毕？

例如，显示“加载”，直到所有html，css，javascript，图像等已下载并且可以显示，而用户看到加载消息消失后仍然出现网站的位？

更新，.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>

Answer 1

毫无疑问，这将通过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.
    });

});

Answer 2

您可以使用$(window).load()

$(window).load(function(){
    alert("");
})

Answer 3

是的，<body>的{{1}}属性描述为here，例如：

onLoad

但是，当然，使用框架更容易。

检测到所有内容都已完成下载

3 个答案: