php – 可以使用ajax/jquery技术预先加载页面内容吗?

是否可以预加载所有页面内容(如显示加载栏/动画gif ..或加载文本..),直到内容被完全加载,然后显示给用户/访问者?如果这是可能的话,你可以给我方向或资源来实现这一点吗?因为我能够容易地找到图像预加载器,但是我正在寻找一种预加载技术,它将在显示之前预先加载页面上的所有内容。
没有必要为此使用Ajax。只需将页面的wrapper div显示为none即可。然后在文档加载时将其更改为阻止。

你的代码可能看起来像这样,使用vanilla javascript:

<script type="text/javascript">
    function preloader() {
        document.getElementById("preloader").style.display = "none";
        document.getElementById("container").style.display = "block";
    }

    window.onload = preloader;
</script>

<style>
div#wrapper {
    display: none;
}

div#preloader {             
    top: 0; right: 10px;
    position:absolute;
    z-index:1000;
    width: 132px; height: 38px;
    background: url(path/to/preloaderBg.png) no-repeat;
    cursor: wait;
    text-shadow: 0px 1px 0px #fefefe;  //webkit                 
}
</style>

<body>
    <div id="preloader">Loading... Please Wait.</div>
    <div id="wrapper">
        <!-- page contents goes here -->
    </div>
</body>

更新,在jQuery中:

<script type="text/javascript">
    // Use $(window).load(fn) if you need to load "all" page content including images, frames, etc.
    $(document).ready(function(){ 
        $("#preloader").hide();
        $("#container").show();
    });
</script>

相关文件:活动/ ready,活动/ load,CSS / css&核心/ $

翻译自:https://stackoverflow.com/questions/728261/is-it-possible-to-preload-page-contents-with-ajax-jquery-technique

转载注明原文:php – 可以使用ajax/jquery技术预先加载页面内容吗?