什么是非jQuery等价的'$（document）.ready（）'？

Question

什么是非jQuery等价的'$（document）.ready（）'？什么是非jQuery相当于$(document).ready()？

Answer 1

好消息$(document).ready()是它之前发射过window.onload。加载功能等待所有内容加载，包括外部资源和图像。$(document).ready但是，当DOM树完成并可以操作时会触发。如果你想准备好DOM，没有jQuery，你可以检查这个库。有人ready从jQuery中提取了部分内容。它很好很小，你可能会发现它很有用：

已完全使用Google Code

Answer 2

这非常适合ECMA

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

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

编辑：由于Jan Derk的观察，添加了IE8和更旧的等价物。您可以在此链接上阅读MDN 上此代码的来源：

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

还有其他选择"interactive"。有关详细信息，请参阅MDN链接。