当页面完全加载时，如何执行函数?

当页面完全加载时，我需要执行一些JavaScript代码。这包括像图像这样的东西。

我知道您可以检查DOM是否准备好了，但我不知道这是否与页面完全加载时相同。

当前回答

GlobalEventHandlers mixin的onload属性是一个事件窗口加载事件的处理程序，XMLHttpRequest，元素，等，它在资源加载时触发。

所以基本上javascript已经有onload方法在窗口上执行，哪个页面完全加载，包括图像…

你可以做一些事情:

var spinner = true;

window.onload = function() {
  //whatever you like to do now, for example hide the spinner in this case
  spinner = false;
};

其他回答

尝试这只运行后，整个页面已加载

通过Javascript

window.onload = function(){
    // code goes here
};

通过Jquery

$(window).bind("load", function() {
    // code goes here
});

窗外。Onload事件将在加载所有内容时触发，包括图像等。

如果你想要你的js代码尽可能早地执行，你会想要检查DOM就绪状态，但你仍然需要访问DOM元素。

试试这段代码

document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

详情请访问https://developer.mozilla.org/en-US/docs/DOM/document.readyState

这叫做负荷。它在DOM ready出现之前就出现了，而DOM ready实际上是为了加载等待图像而创建的。

window.addEventListener('load', function () {
  alert("It's loaded!")
})

如果你需要使用很多onload使用$(window)。加载代替(jQuery)

$(window).load(function() {
    //code
});

推荐文章