Javascript 如何在页面加载时显示CSS加载程序？

我试图让CSS加载器显示在网站上，而内容加载。我正在使用此工具创建加载程序：

我的一些页面确实有很多选项卡，在用户可以与网站交互之前，必须加载内容。我不知道我要找什么才能让这个加载器出现

---

我想我必须使用.onload（）JavaScript？

您需要切换包含gif的图像标记的可见性。只需最初显示图像，然后在加载页面时隐藏图像

示例演示：

---

这是一个jQuery代码，尽管您可以在javascript中执行同样的操作。通过相应地将

display

设置为

none

或

block

。

将加载程序放在页面上所有其他元素的顶部，并为其指定一个

id

“loader”，例如，然后尝试以下操作：

document.addEventListener('DOMContentLoaded', onReady, false);
function onReady()
{
    var loader = document.getElementById('loader');
    loader.style.display = 'none';
}

注意：这在IE<9中不起作用

document.addEventListener('DOMContentLoaded', onReady, false);
function onReady()
{
    var loader = document.getElementById('loader');
    loader.style.display = 'none';
}