The load event is fired when a resource and its dependent resources have finished loading.

 

Examples

Window

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
  });
</script>

script element

<script>
  var script = document.createElement("script");
  script.addEventListener("load", function(event) {
    console.log("Script finished loading and executing");
  });
  script.src = "http://example.com/example.js";
  script.async = true;
  document.getElementsByTagName("script")[0].parentNode.appendChild(script);
</script>

General info

Specification
DOM L3
Interface
UIEvent
Bubbles
No
Cancelable
No
Target
Window,Document,Element
Default Action
None.

Properties

Property Type Description
target Read only EventTarget The event target (the topmost target in the DOM tree).
type Read only DOMString The type of event.
bubbles Read only Boolean Whether the event normally bubbles or not.
cancelable Read only Boolean Whether the event is cancellable or not.
view Read only WindowProxy document.defaultView (window of the document)
detail Read only long (float) 0.

Specifications

Specification Status Comment
UI Events
The definition of 'load' in that specification.
Working Draft  
HTML Living Standard
The definition of 'Load event' in that specification.
Living Standard This links to the section in the steps that are carried out at the end of loading a document. 'load' events are fired at many elements too. And note there are many places in the specification that refer to things that can "delays the load event".

Document Tags and Contributors

Tags: 
Last updated by: mbelsky,