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. css : center element vertically and horizontally
  2. center using css
  3. position:fixed
  4. Split a string in javascript when both comma and spaces are present
  5. Generators and Yield in es6
  6. Applying floats to inline elements
  7. css - align text to an image vertically
  8. Understanding callbacks in javascript