Home/ Questions/Q 3987234
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T06:06:34+00:00

I am specifically concerned with the onload event for selected elements of the DOM.

  • 0

I am specifically concerned with the onload event for selected elements of the DOM. For the purpose of example assume there is an image in my DOM.

As I thought I understood it, the onload event for this image should fire when the image is drawn to the screen, but recently I’ve been given data to suggest otherwise. So my question is as follows:

When, in the order of the following events, does the onload event for an image fire?

  1. HTML containing the image is examined
  2. Request is made for the image
  3. First Byte is received for the image
  4. Last Byte is received
  5. Browser examines the header of the HTTP response
  6. Image is drawn to the screen

I am specifically concerned with Firefox, but I would also be interested in how this affects Internet Explorer (specifically IE8) and Chrome

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The load event occurs after the image has been drawn on the screen.

    Demo: http://jsfiddle.net/e5hvr/

    (The alert blocks the browser thread, so if the image hadn’t been drawn already, you wouldn’t be able to see it while the alert is still open.)

    • 0