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

Question

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

Answer 1

使用 jQuery，我总是使用速记方法.ready()

$(function() {

});

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

$(window).load(function() {

});

---

对于替代的香草方法，请查看此问题的答案。

Answer 2

在 vanilla JS 中，您将使用：

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

来自“window.onload”的 Mozilla 文档：

“笔记

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

Answer 3

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