Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript:如何首先加载页面的一部分_Javascript_Html_Css - Fatal编程技术网

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

javascript:如何首先加载页面的一部分,javascript,html,css,Javascript,Html,Css,大多数本机应用程序(如iOS)都有一个欢迎页面,帮助人们在加载应用程序时等待 我正在开发一个rubyonrailsweb应用程序,(website!) 我还想在我的web应用程序中添加一个欢迎页面。因此,当用户在等待web应用加载时感觉更好 欢迎页面由自己的html、css和js组成。如何让它们先加载,然后默默地加载剩下的页面?iHateTomatos有一个向导,教您如何使用CSS3和JavaScript制作预加载程序。您不希望加载页面是自己的html、css和js。这将破坏网站快速加载的目的。

大多数本机应用程序(如iOS)都有一个欢迎页面,帮助人们在加载应用程序时等待

我正在开发一个
rubyonrails
web应用程序,(
website
!)

我还想在我的web应用程序中添加一个
欢迎页面
。因此,当用户在等待web应用加载时感觉更好


欢迎页面由自己的
html
css
js
组成。如何让它们先加载,然后默默地加载剩下的页面?

iHateTomatos有一个向导,教您如何使用CSS3和JavaScript制作预加载程序。

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

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

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

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


这个欢迎屏幕被称为启动屏幕。请先告诉我们,你在为哪个平台开发Android或ios或简单的HTML…例如启动屏幕是由Android中的处理程序或线程控制的…(java)…如果你在开发HTML应用程序,你可以使用javascipt或ajax更改欢迎屏幕…无论你喜欢什么…@AnuragGoel,是我的错。我认为
webapp
指的是那些看起来像
app
的网站。这是给
网站的
。好的!所以你可以使用javascipt(ajax)来实现这一点……你可以触发一个事件……加载另一个页面……在加载欢迎屏幕之后……请阅读相关内容。它使用
setTimeout
延迟整个页面显示。我觉得这不是一个非常直接的方法?或者它没有那么快。请阅读
setTimeout
代码片段上方的内容:“因为我们的页面上没有足够的“重”内容,我们将用一个简单的jQuery来假装加载内容。”他们正在使用
setTimeout
,以便您可以看到结果。@jsve。是我的错。我又读了一遍。我认为正确的解决方案是它提到的预加载。但这似乎主要针对
资产
(图像、声音),而不是太多关于
html
元素的文章。