将$(document).ready()函数转换为window.onload函数

Question

我有一个jQuery函数：

$(document).ready(function() {
  setInterval(function() {
    $.post("../user/getdashboard/", function(data) {
        $("#users_available").html(data);
    });
  }, 3000);
}

我必须将其转换为window.onload函数。

如何做？

Answer 1

如果您想要它的香草JS，请使用window对象的onload回调：

window.onload = function() {
  setInterval(function() {
    $.post("../user/getdashboard/", function(data) {
        $("#users_available" ).html(data);
    });
  }, 3000);
}

但是您甚至可以使用jQuery使用load事件，基本上是相同的：

$(window).on('load', function() {
  setInterval(function() {
    $.post("../user/getdashboard/", function(data) {
        $("#users_available").html(data);
    });
  }, 3000);
});

但请记住，jQuery ready state与window.onload不同。这是两件事。因此，这可能会对您的项目/页面产生意想不到的影响。

Answer 2

您可以处理readystatechange事件，

document.onreadystatechange = function () {
    if (document.readyState === "interactive") {
        // Your code
    }
}

window.onload等待所有内容，包括图像，可能是过度杀伤。