When is window.onload fired?

by

window.onload (a.k.a body.onload) gets fired after the main HTML, all CSS, all images and all other resources have been loaded and rendered. So if your images stall, that can take some time.

If you just need the HTML (DOM), you can use jQuery’s $(document).ready() – it will fire when the HTML has been parsed but before the browser has finished loading all external resources (images and style sheets that come after your script element in the HTML).

Scripts embedded in the page get executed when the browser parses the </script> of each. So to execute a script before any other script, add a <script> tag in the header just after <head>.

This means you can “emulate” window.onload by adding a <script> tag as the last element of the <body>.

More Related Contents:

  1. How to get user control id inside another user control id? [closed]
  2. JavaScript code to stop form submission
  3. Does IE9 support console.log, and is it a real function?
  4. What is meant by ‘first class object’?
  5. How can I check if a background image is loaded?
  6. Call static methods from regular ES6 class methods
  7. What is the minimum valid JSON?
  8. browser sessionStorage. share between tabs?
  9. How to style “input file” with CSS3 / Javascript? [duplicate]
  10. Cryptic “Script Error.” reported in Javascript in Chrome and Firefox
  11. What’s the best way to calculate date difference in Javascript
  12. Angular 2: import external js file into component
  13. Why is there a `null` value in JavaScript?
  14. word wrap in css / js
  15. How can I pass arguments to event handlers in jQuery?
  16. How to do setState inside callback: ReactJS
  17. Destructuring assignment in JavaScript
  18. Detect if text has overflowed [duplicate]
  19. How to detect collision in three.js?
  20. CORS not working on Chrome
  21. jQuery UI autocomplete with item and id
  22. Force window.open() to create new tab in chrome
  23. Draw HTML5/Javascript Canvas Path in Time
  24. Search and Highlight in jQuery
  25. getElementsByClassName to change the style of elements when event occurs [duplicate]
  26. draw 10,000 objects on canvas javascript
  27. Custom _app and _document get ignored when moving files to src/pages folder in Next.js
  28. postMessage still broken on IE11?
  29. Sending whole folder content to client with express
  30. Queue AJAX calls

Leave a Comment