javascript - 如何知道DOM的第一个就绪状态

Question

我正在尝试获取 DOM 的第一个就绪状态。我对第二个、第三个等等不感兴趣，但第一个。有什么技巧可以让 DOM 进入第一个就绪状态吗？

$(document).ready(function() {
  // is it the first ready state?
});

Answer 1

readyState 有 4 个可能的值:

• 未初始化 - 尚未开始加载
• 正在加载 - 正在加载
• 交互式 - 已加载足够的内容并且用户可以与其交互
• 完成 - 满载

要查看它的值，请使用以下代码:

document.onreadystatechange = function () {
    if (document.readyState === YourChoice) {
        // ...
    }
}

我无法捕捉到uninitializedreadyState。 (但为什么我需要它？)

如果您需要一个监听器来完成 DOM 的加载，请使用:

document.addEventListener('DOMContentLoaded', YourListener);

或

document.addEventListener('load', YourListener);

甚至

window.onload = YourListener;

对于 jquery:

$(document).on("DOMContentLoaded", function() { });

或

$(document).on("load", function() { });

或

$(window).on("load", function() { });