javascript - '$(document).ready()' 的非 jQuery 等效项是什么？

Question

$(document).ready() 的非 jQuery 等价物是什么？

Answer 1

这很完美，来自 ECMA。该片段就是您所需要的，但如果您想深入挖掘并探索其他选项，请查看 detailed explanation .

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

window.onload 不等于 JQuery $(document).ready 因为 $(document).ready 只等待DOM 树同时 window.onload 检查所有元素，包括外部 Assets 和图像。

编辑:感谢 Jan Derk，添加了 IE8 和旧版本的观察。您可以阅读 source of this code在 MDN 上:

// alternative to DOMContentLoaded
document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

除了 “interactive” 之外，还有其他选项。见 the MDN docs了解详情。