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. Making max width work in internet explorer
  3. Using es6 modules with simple examples
  4. Testing promise sequence using mocha, chai, chai-as-promised, sinon
  5. css - circular profile pictures