load

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

Specifications

Related Events

• DOMContentLoaded
• readystatechange
• beforeunload
• unload