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. css : center element vertically and horizontally
2. Making max width work in internet explorer
3. Using es6 modules with simple examples
4. Understanding callbacks in javascript
5. What are reflows and repaints and how to avoid them