window.onload vs document.onload

by

When do they fire?

window.onload

  • By default, it is fired when the entire page loads, including its content (images, CSS, scripts, etc.).

In some browsers it now takes over the role of document.onload and fires when the DOM is ready as well.

document.onload

  • It is called when the DOM is ready which can be prior to images and other external content is loaded.

How well are they supported?

window.onload appears to be the most widely supported. In fact, some of the most modern browsers have in a sense replaced document.onload with window.onload.

Browser support issues are most likely the reason why many people are starting to use libraries such as jQuery to handle the checking for the document being ready, like so:

$(document).ready(function() { /* code here */ });
$(function() { /* code here */ });

For the purpose of history. window.onload vs body.onload:

A similar question was asked on codingforums a while
back regarding the usage of window.onload over body.onload. The
result seemed to be that you should use window.onload because it is
good to separate your structure from the action.

More Related Contents:

  1. event.preventDefault() vs. return false
  2. What is DOM Event delegation?
  3. How can I capture the right-click event in JavaScript? [duplicate]
  4. How can I trigger an onchange event manually? [duplicate]
  5. DOM event precedence
  6. event.preventDefault() vs. return false (no jQuery)
  7. Handle URL fragment identifier (anchor) change event in Javascript
  8. Accessing an object’s property from an event listener call in JavaScript
  9. jQuery equivalent of JavaScript’s addEventListener method
  10. Capture click on div surrounding an iframe
  11. Are event handlers in JavaScript called in order?
  12. Implementing jQuery’s “live” binder with native Javascript
  13. Handling “onclick” event with pure JavaScript
  14. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  15. Is event a global variable that is accessible everywhere inside the callback chain?
  16. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  17. What is event bubbling and capturing?
  18. Why calling setState method doesn’t mutate the state immediately?
  19. add event listener on elements created dynamically
  20. How to removeEventListener that is addEventListener with anonymous function?
  21. Pass mouse events through absolutely-positioned element
  22. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  23. With form validation: why onsubmit=”return functionname()” instead of onsubmit=”functionname()”?
  24. cloning javascript event object
  25. JavaScript KeyCode Values are “undefined” in Internet Explorer 8
  26. Call a Javascript function every 5 seconds continuously [duplicate]
  27. onclick event function in JavaScript
  28. Keycode is always zero in Chrome for Android
  29. Capturing result of window.onbeforeunload confirmation dialog
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment