在文档中的所有元素完全加载后触发JS事件的最可靠方法是什么？

Question

在整个HTML文档和所有外围设备（背景图像，CSS，JS等）完成加载时，寻找使用JS检测的最可靠方法。不一定是特定于jQuery的。

Answer 1

使用jQuery，我总是使用.ready()

的简写方法

$(function() {

});

如果您正在寻找图片，也可以使用.load()

$(window).load(function() {

});

---

对于替代的vanilla方法，请查看this question的答案。

Answer 2

$(window).load(function(){
 // background images, CSS, JS.. everything is loaded
});

Answer 3

在vanilla JS中你会使用：

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

来自Mozilla Documentation for "window.onload"：

“注释

加载事件在文档加载过程结束时触发。此时，文档中的所有对象都在DOM中，并且所有图像和子帧都已完成加载。“