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. A simple requestAnimationFrame example visually explained
  2. Getting started with localStorage vs sessionStorage in html5
  3. What are reflows and repaints and how to avoid them
  4. Making max width work in internet explorer
  5. Array filterUntil function implementation for javascript