Html 如何显示图像完整屏幕直到加载页面完成？

我有网站，因为加载页面需要时间，所以我需要显示图像，直到页面加载

我该怎么办？ 我发现了，但我现在更困惑了。

---

我的图片是

加载页面时图像将被删除

document.addEventListener（“DOMContentLoaded”，（）=>{
document.querySelector（“#加载img”）.remove（）；
})

#加载img{
位置：固定；
左：0；
排名：0；
身高：100%；
宽度：100%；
z指数：999999；
对象匹配：覆盖；
}

---

加载页面时，图像将被删除

document.addEventListener（“DOMContentLoaded”，（）=>{
document.querySelector（“#加载img”）.remove（）；
})

#加载img{
位置：固定；
左：0；
排名：0；
身高：100%；
宽度：100%；
z指数：999999；
对象匹配：覆盖；
}