javascript - dom 准备好但未渲染后的 Javascript 事件

Question

在 dom 准备好但未渲染后是否可以做某事（白屏）我想对用户隐藏内容，经过一些操作后我想显示最终图片。我可以在我的 body 标签上使用“display:none”，但我正在做一个巨大的项目，所以我不想更改每一页。谢谢

Answer 1

这是怎么回事？

document.onload = function() {
    //your codes
}

与此不同window.onload的是，此函数在 DOM 加载后运行，因此可以进行操作，但不需要渲染所有元素。

Answer 2

dom准备好但没有渲染后是否可以做某事

浏览器在将 HTML 解析为 DOM 时会逐步呈现 DOM。你描述的状态不会自然发生。

你可以这样假装……</p>

我可以在我的 body 标签上使用“display:none”，但我正在做一个巨大的项目，所以我不想更改每一页。

如果你不想因为工作量太大而改变每一页，那就太糟糕了。去设置一个每个页面都使用的外部样式表。

如果您不想更改每个页面，因为您只希望更改出现在某些页面上，那么请使用更具体的选择器。

---

也就是说，阻止内容显示并为用户提供白屏（甚至是加载屏幕）只会让人们失去兴趣并将很多人带到另一个网站。我不建议这样做。

Answer 3

我将在这里贡献我自己的 2 美分。

使用 jquery，$("document").ready() 事件在 DOM 完全加载（即没有图像）到您的浏览器后触发，但未显示。所以我认为要实现你想要的，你必须在“.ready()”方法中输入一些处理函数来处理你想要实现的任何东西。

那是你要找的吗？

Answer 4

如果您可以使用 JQuery，则在 dom 准备好但页面未加载时调用此方法

$(document).ready(function(){

)};