Javascript 预加载程序继续加载，并且在加载内容时不会消失

好的，首先，这是我的代码

var loader=document.getElementById（“loader”）；
addEventListener（“加载器”，函数（）{
loader.style.display=“无”；
})

正文{
身高：100%；
寡妇：100%；
溢出：隐藏；
}
.加载器{
位置：绝对位置；
高度：80px；
宽度：80px；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
边框：6px实心浅灰色；
边界半径：100%；
边框顶部：6px纯色天蓝色；
动画：自旋1s无限线性；
}
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（360度）；
}
}

Hello World

加载程序

不是

事件

window.addEventListener（“加载程序”，函数（））

改为：

window.addEventListener ("load", function() {
    loader.style.display = 'none';
});

window.addEventListener（“load”，fn（））

等待所有内容加载，包括样式表和图像

加载事件在文档加载过程结束时激发。此时，文档中的所有对象都在DOM中，所有图像、脚本、链接和子帧都已完成加载

---

加载页面内容时，可以使用

onload

隐藏微调器

要在网页完全加载时隐藏微调器，请执行以下操作：

window.addEventListener ("load", function() {
    loader.style.display = 'none';
});

超时时：

//Hide the spinner after 2 seconds
setTimeout(function(){loader.style.display = 'none';}, 2000);

使用Jquery：

$(window).load(function(){
   // PAGE IS FULLY LOADED  
  loader.style.display = 'none';
});

演示示例：

var loader=document.getElementById（'loader'）；
window.addEventListener（“加载”，函数（）{
//2秒后隐藏微调器
setTimeout（函数（）{loader.style.display='none'；}，2000）；
});
正文{
身高：100%；
寡妇：100%；
溢出：隐藏；
}
.加载器{
位置：绝对位置；
高度：80px；
宽度：80px；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
边框：6px实心浅灰色；
边界半径：100%；
边框顶部：6px纯色天蓝色；
动画：自旋1s无限线性；
}
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（360度）；
}
}

装载机示例
你好，世界
在eventlistenerwindow.addEventListener（“loader”，function（）{var loader=document.getElementById（'loader'）；loader.style.display='none'；}）中移动加载程序的var声明是这样吗？我不知道你给我的解决方案是否有效，因为当我现在使用它时，没有旋转动画，但它会立即加载所有内容。我将尝试添加图像并使用它。谁知道呢，它可能会起作用。啊，看看更新的anwser。您需要
窗口。onload
。