我是否可以在页面加载之前加载灯箱

Question

我有一个非常大的形式开发，它可能需要一些时间来渲染（超过5秒）。现在，为了向用户提供发生事件的指示，我想用简单的“页面加载”消息启动灯箱，而页面的其余部分在后台加载。页面完全加载后，我可以关闭灯箱，用户可以继续完成应用程序。现在我知道我不应该使用window.onload来激活它，因为jQuery的document.ready更快，更好地解决了这个问题，但是有没有人对如何做到这一点或者是否可能有任何建议。

Answer 1

最好只在dom中添加半透明div并使其消失。 执行javascript-heavy函数（如灯箱）会破坏等待指标的目的。

Answer 2

在头部添加一个脚本（包括css之后），打开灯箱。最后在正文中添加一个脚本（最好带有一个事件处理程序，以便知道dom实际上已准备就绪）关闭灯箱：）

document.addEventListener("DOMContentLoaded", function () {
    //close lightbox
}, false);