是否可以使用Ajaxjquery技术预加载页面内容？_随笔

是否可以使用Ajax / jquery技术预加载页面内容？

无需为此使用Ajax。只需将页面的包装器div设置为

display

即可

none

。然后将其更改为加载文档

block

时。 __

使用普通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>

相关文档：Events / ready，Events /
load，CSS /
CSS和Core /
$

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/5002176.html

是否可以使用Ajaxjquery技术预加载页面内容？

发表评论

评论列表（0条）