Be the first user to complete this post

  • 0
Add to List

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()
Watch the following video to understand this concept with a practical example in detailed!
[youtube https://www.youtube.com/watch?v=-ZsoNb0qwrk]



Also Read:

  1. Why use javascript strict mode
  2. Generators and Yield in es6
  3. Applying floats to inline elements
  4. css: margin does not work
  5. The JavaScript Prototype Property - Visualized
  6. Error handling in promises interview question
  7. A simple requestAnimationFrame example visually explained