Javascript 预装网站

我想预装一个网站。我只想在网站上加载一次。加载时，我希望每个页面都能预加载。我该怎么做

---

右键单击源代码可能会有所帮助

这里是可以找到jQuery的源代码。

---

您可以在加载和显示页面加载时替换或隐藏正文，完成后显示内容

这里有一篇关于这个的老帖子：

这是你想要的吗

脚本的html文件？认为它只是与.js一起工作

好吧，你必须使用

<script type="text/javascript" src="preload.js"></script>

标题

<script type="text/javascript">
 function hideLoadingLayer(){
 document.getElementById("loading_layer").style.visibility="hidden";
 }
 </script>

从编辑插入

好的，这个问题很老了，提供的链接已经失效，一些用户提供了关于如何做出可用答案的很好的更正，我决定编辑我的答案，解释预加载背后的过程，而不是只提供一个链接

预加载网页只是在页面呈现时显示一些文本、图像或其他内容，以通知访问者后台正在发生某些事情。最简单的方法是包含简化整个过程的jQuery。我们的主要目标是在页面加载时显示，比如说文本。因此，我们的任务是先显示文本，然后在页面完全加载时隐藏文本并显示内容

 <script src="http://code.jquery.com/jquery-latest.min.js"></script> // include jQuery source

 <script>
    $('.content').hide(); // hide content while rendering
    $(document).ready(function(){ // When page is fully loaded...
      $('.preload').hide(); // hide preloader
      $('.content').show(); // and show content
 });
<div class="preload">Loading...</div>
<div class="content">Some generic content here</div>

//包含jQuery源代码
$（'.content'）.hide（）；//渲染时隐藏内容
$（文档）.ready（函数（）{//当页面完全加载时。。。
$（'.preload'）.hide（）；//隐藏预加载程序
$（'.content'）.show（）；//并显示内容
});
加载。。。
这里有一些通用的内容

这只是一个基本示例，您可以使用jQuery制作一些不错的预加载程序

原创

这是我的第一个预加载程序。这很简单。页面加载时，会显示预加载程序，然后隐藏预加载程序并显示页面。

---

这就是我使用的，但我希望它加载整个网站，而不仅仅是一个页面，我需要导入其他文件，因为我尝试了，但没有成功？？？你确定要这样做吗？许多研究表明，用户很快就会厌倦并离开网站——优化第一次加载是值得的，而这确实与此背道而驰。我知道你需要转换图像等，但是，也许在显示站点可用的最短时间内将其加载到后台。我希望它能提前加载所有内容。您可以尝试此操作，但我只需加载一次内容…通常浏览器会缓存网站，因此在第一次访问后，加载速度比第一次fisit时快，因此用户应该只看到preloafd动画传统上，一旦你冷创建了一个cookie，该cookie将在第一次访问时创建，因此当用户下次访问你的网站时，当有cookie但你认为错误时，脚本不会加载，因为浏览器缓存通常只会有一次预加载程序，希望你理解，首先，我会检查用户是否只看到预加载程序一次。正常情况下，用php创建cookie不是那么难，它不工作是完全错误的，像这样的东西不存在它的。。。第2行：第3行：。。。关于如何预加载网站的问题应该已经标记为已完成。如何做到最好，如何做到最好，或者最好的解决方案是什么，这是另一个问题，我会测试它（第一次访问，浏览器缓存网站，不再预加载动画），所以你通常不需要使用cookie，它工作正常（正常）你应该始终提供外部链接的内容，否则，当链接断开时，您的答案就一文不值了。我已经为你做了这件事。你可以插入预加载图像，让用户更感兴趣。只需将加载文本替换为图像即可。

<div id="loading_layer"><img src="images/loading.gif" alt="" width="550" height="400" border="0" /></div>

#loading_layer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:999999;
background-color: #FFF;
text-align: center;
margin: 0 auto;
}

 <script src="http://code.jquery.com/jquery-latest.min.js"></script> // include jQuery source

 <script>
    $('.content').hide(); // hide content while rendering
    $(document).ready(function(){ // When page is fully loaded...
      $('.preload').hide(); // hide preloader
      $('.content').show(); // and show content
 });
<div class="preload">Loading...</div>
<div class="content">Some generic content here</div>