本机Javascript页面加载消息？

我想要一个页面阻塞/加载脚本，该脚本将覆盖整个页面，并在加载所有资产时显示“加载…”消息，以避免出现未设置样式的内容等闪烁

我基本上需要类似于的页面阻止方法：

$.blockUI（）

，但我希望它是本机javascript，这样我就不必等待jQuery加载（我正在通过加载脚本，所以当我的代码块执行时，我已经下载了我的应用程序的许多其他依赖项，并且我得到了我试图避免的未样式化内容）

---

<> P.>任何人都知道一个可能对我有用的本地JavaScript解决方案，我可以在我的Realjs调用之前将它作为一个阻塞（在资产加载）脚本中插入。

我的建议是在中间使用HTML和CSS设置一个加载消息的掩码。然后让javascript移除掩码，并在页面完全加载后加载消息。

您可以在页面上浮动一个DIV，将代码带到页面上

<div id="loading">
    Loading! Please calm down guy...
<div>

只有在加载所有其他元素后，才会执行此脚本

---

最后，我写下这段代码。

您可以放置一些简单的标记，显示您想要的任何“加载…”UI，而不是使用javascript加载阻塞UI，然后在加载所有内容后使用javascript将其替换为真实UI。即使是一个简单的解决方案，比如有两个div，一个包含加载UI并设置为

display:block和另一个包含页面UI并设置为
display:none和一些基本的JavaScript来切换页面加载中的每一个应该可以做到这一点。非常好！我根据您建议的内容
display:none
更新了我的答案。谢谢，这正是我想要的！嗯，似乎我的页面内容比窗口长，当我的加载消息显示时，会留下滚动条。还有什么办法摆脱这些吗？阿芙，我自己刚想出来：
html{overflow:hidden；}
。我的应用程序是一个单窗口应用程序，所以我不需要它来滚动内容，但当加载消息再次隐藏时，您可以轻松地反转CSS。
<script type="text/javascript">
    document.getElementById("loading").style.display = "none";
    document.getElementById("content").style.display = "block";
</script>