$(document).ready, window.onload - Javascript

在Javascript中，$(document).ready和window.onload都是用来检测DOM是否完全加载完成的两个事件。它们的作用很相似，但是在细节上又有所不同。

$(document).ready

$(document).ready是jQuery中的一种事件处理机制，它是在DOM树形结构加载完成后就立即触发。相比于window.onload，它的优点在于它会在DOM完全加载之前就执行代码。这样做的好处是可以在DOM加载完成之前就使用JavaScript代码来操作DOM元素。

$(document).ready(function() {
    // 在DOM完全加载之前执行的代码
});

window.onload

window.onload则是在整个网页（包括图片，CSS，JS等）加载完成之后才会触发。它的优点在于可以确保所有的资源已经加载完成后再执行JavaScript代码，同时可以得到所有元素的实际大小等信息。但是缺点在于它是在所有资源都加载完之后才会执行，因此它的执行时间会比$(document).ready要慢。

window.onload = function() {
    // 在所有资源加载完成后执行的代码
};

总的来说，$(document).ready和window.onload都是用来检测DOM是否已经加载完成的两种方式。前者会在DOM树形结构加载完成之前就执行代码，而后者则会在所有资源都加载完成之后再去执行。根据实际需求选择使用即可。