在呈现HTML样式和脚本时加载启动页
Loading splash page while HTML styles and scripts get rendered?
我的所有JavaScript文件都链接在页面底部。这样，HTML就可以在加载任何脚本之前进行渲染。唯一的问题是HTML在脚本完成之前显示给用户；装饰"；HTML元素。在脚本和样式生效之前，有没有一种优雅的方式向用户显示应用程序的启动页面？
您可以创建一个div，其中position: fixed和一个覆盖整个屏幕的高z-index作为主体中的第一个元素。可以在里面显示加载动画或文本。
正文的最后一行是一个JavaScript，它将display: none设置为div。
在HTML中，您可以编写启动页，并在加载后使用javascript将其覆盖为真实内容（默认情况下是隐藏的）。
然而，这个解决方案有一个巨大的缺点：如果有人禁用了JS怎么办？
演示：http://jsfiddle.net/FDcNx/
相关文章：
- 如何防止网页加载后自动启动功能
- 在页面启动期间加载图像
- Jquery时间启动计时器，我有一个计时器的代码，但它在页面加载时启动
- 在呈现HTML样式和脚本时加载启动页
- 启动选项卡ajax在加载页面时加载内容
- 初次加载后关闭启动屏幕
- 在 Metro 风格应用中启动时加载数据
- 使用Bookmarklet在Firefox中为asp表单加载启动onclick事件
- 模式视图重新加载内容(启动MVC ASP.NET）
- 视频(自动播放）通过javascript隐藏，但已经在页面加载时启动
- 加载图像后启动转换事件
- 当窗口打开时，IE9在加载前启动事件
- Mozilla Firefox加载项将不会启动
- FileReader未在Ionic 2中加载端启动
- 如何在 Rails 中停止在页面重新加载时重新启动计时器
- TineMCE 不会启动 ajax 加载的文本区域
- JavaScript 在应用程序首次启动时不会加载
- 如何仅在启动选项卡处于活动状态时加载启动选项卡内容
- 加载启动模式后延迟不工作
- 强制为每个访问者加载启动页面
