window.onload vs document.onload

window.onload

• It is fired when the entire page loads, including its content (images, css, scripts, etc.)
• $(window).load()

document.onload

• It is fired when the DOM is ready which can be prior to images and other external content is loaded
• In general, document.onload event is fired before the window.onload
• $(document).ready()

Also Read:

1. What are reflows and repaints and how to avoid them
2. Error: can not find module 'underscore'
3. Why use javascript strict mode
4. imperative vs declarative/functional programming
5. pseudo elements vs pseudo classes