javascript:如何首先加载页面的一部分

时间:2015-02-25 01:54:16

标签: javascript html css

大多数原生应用(例如iOS)都有一个欢迎页面,可帮助用户在加载应用时等待。

我正在开发一个ruby on rails网络应用,(website!)

我想在我的网络应用中添加welcome page。因此,当用户在等待加载Web应用程序时感觉更好。

welcome page由自己的htmlcssjs组成。如何首先加载它们然后静默加载剩余页面?

3 个答案:

答案 0 :(得分:2)

iHateTomatoes有tutorial教你如何使用CSS3和JavaScript制作预加载器。

答案 1 :(得分:1)

你不希望加载页面是它自己的html,css和js。这将破坏使网站快速加载的目的。 相反,在当前站点的顶部添加一个固定的div,它将包含预加载器动画,并使用CSS隐藏站点的主要部分。然后,使用像imageReady插件之类的东西,获取所有图像加载时的回调,此时你可以取消隐藏主站点,隐藏加载器div并显示加载的页面。很容易将其变成可重复使用的解决方案,在您网站的所有页面上以相同的方式工作。

答案 2 :(得分:0)

由于这是一个网络应用程序,您可以尝试从Firefox WebIDE示例开始:

来自工具 - > Web开发人员 - >您可以在WebIDE上创建一个示例应用程序,它们会在页面显示后加载脚本:

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