在呈现HTML样式和脚本时加载启动页面?

时间:2012-08-26 13:17:12

标签: javascript html css html5 javascript-events

我的所有Javascript文件都链接在我的页面底部。这样,HTML可以在加载任何脚本之前呈现。唯一的问题是,在脚本完成“装饰”HTML元素之前,HTML会向用户显示。在脚本和样式开始之前,是否有一种优雅的方式向用户显示应用程序的启动页面?

2 个答案:

答案 0 :(得分:3)

您可以创建一个div position: fixed和一个高z-index覆盖整个屏幕作为正文中的第一个元素。加载动画或文本可以在里面显示。

然后是正文的最后一行,它将display: none设置为div

答案 1 :(得分:0)

在你的HTML中,你可以写一个启动页面并用真实内容(默认情况下隐藏)用加载后的javascript覆盖它。

然而,此解决方案存在巨大缺点:如果某人已禁用JS会怎样?

演示:http://jsfiddle.net/FDcNx/