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

Question

我正试图获得DOM的第一个就绪状态。第二，第三等并不是我的有趣，而是第一个。是否有任何技巧可以获得DOM的第一个就绪状态？

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

Answer 1

有4个readyState可能的值：

• 未初始化 - 尚未开始加载
• loading - 正在加载
• interactive - 已加载足够且用户可以与之交互
• 完成 - 满载

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

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

我无法抓住uninitialized readyState。 （但为什么我需要它？）

如果您需要一个侦听器来完全加载DOM，请使用：

document.addEventListener('DOMContentLoaded', YourListener);

或

document.addEventListener('load', YourListener);

甚至

window.onload = YourListener;

for jquery：

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

或

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

或

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

Answer 2

啊，你正在使用jQuery。看看the docs：只有一个ready事件！我永远不会开火多次。 Internally，甚至可以使用Promise进行处理，因此无法多次触发。