document.ready和window.onload的区别
document.ready和window.onload都是用来在页面加载完毕后执行JavaScript代码的方法，但是它们之间有一些区别：
- 触发时机：
document.ready：document.ready是jQuery库中的方法，它会在DOM树加载完毕后就会执行，即在页面元素加载完毕后就可以执行JavaScript代码。window.onload：window.onload是原生JavaScript中的方法，它会在整个页面（包括图片和其他资源）加载完毕后才会执行，即在所有元素加载完毕后才可以执行JavaScript代码。- 多次绑定：
document.ready：document.ready可以多次绑定，即在页面中多次使用$(document).ready()来绑定多个事件处理程序。window.onload：window.onload只能绑定一个事件处理程序，即多次使用window.onload会覆盖前面的事件处理程序。- 兼容性：
document.ready：document.ready是jQuery库中的方法，需要引入jQuery库才能使用。window.onload：window.onload是原生JavaScript中的方法，不需要引入任何外部库就可以使用。综上所述，document.ready在DOM树加载完毕后就执行，而window.onload在整个页面加载完毕后才执行。如果只需要在DOM树加载完毕后执行代码，可以使用document.ready；如果需要等待所有页面元素加载完毕后再执行代码，可以使用window.onload。